git 命令行

git clone git@github.com:anlidy/hellogit.git 下载git代码到本地，初始化本地代码仓库

ls 查看当前目录下的文件

cd hellogit/

git status

git branch -a 查看本地和远程分支

touch test.txt 创建文件test.txt

git add .  将本地所有文件添加到待提交状态

git commit -m "初次提交"   提交到git本地仓库

git remote -v

git push origin master 推送到git远程仓库master分支

git branch -a

git checkout -b dev 创建并切换到新分支dev

ls

touch test1.txt

git status

git add test1.txt

git commit -m "dev上的功能开发"

git push origin dev

git branch -a

git checkout master 切换到本地master分支

ls 查看本地master分支下的文件

git merge dev 将dev分支合并到master分支

ls

git push origin master

git branch -D dev 删除本地分支dev

git push origin :dev 删除远程分支dev

git reset --hard head^ 退回到上一个版本

git log

git reflog 查看提交记录

git reset --hard HEAD@{1} 或者 git reset --hard 44c2edc

 watch 异步场景，computed 数据联动

<author>Light Xun</author>

<summary>引用请转明出处</summary>

<title>Vue - 3.3 vue 代码规范</title>

<content>

    1. 风格指南

        1.1 好习惯, 少走坑

        1.2 写出自己看得懂的代码

        1.3 写出别人看得懂的代码

    2. 官网 - 学习 - 风格指南

</content>

<author>Light Xun</author>

<summary>引用请转明出处</summary>

<title>Vue - 3.2 组件化的思想</title>

<content>

    1. 什么是组件化 ?

        1.1 独立的

        1.2 可复用的

        1.3 整体化的

    2. 为什么要组件化 ?

        2.1 实现功能模块的复用

        2.2 高执行效率

        2.3 开发单页面复杂应用

    3. 如何进行拆分 ?

        3.1 150/300 行原则

        3.2 复用原则

        3.3 业务复杂性原则

    4. 组件化带来的问题

        4.1 组件状态管理(vuex)

        4.2 多组件的混合使用, 多页面, 复杂业务(vue-router)

        4.3 组件间的传参, 消息, 事件管理(props, emit/on, bus)

</content>

<author>Light Xun</author>

<summary>引用请转明出处</summary>

<title>Vue - 3.1 认识 vue-cli</title>

<content>

    1.  安装 vue-cli 工具 : npm install -g @vue/cli

    2.  快速创建工程的两种方法

        2.1 创建工程方式一

            2.1.1 命令行至想要创建工程的目录中

            2.1.2 vue create 工程名

                    → Manually select features

                    → 选择常用组件 : Babel, Router, Vuex, CSS Pre-processors, Linter/Formatter

                    → Yes

                    → Sass/SCSS

                    → 选择代码规则 : ESLint + Airbnb / ESLint + Standard config

                    → 选择保存时对代码进行检查 : Lint on save

                    → In dedicated config files

                    → 选择是否未来项目按照此配置进行创建 : n

            2.1.3 运行 : 进入工程, npm run serve

        2.2 创建工程方式二

            2.2.1 vue ui : 安装过程类似方式一

    3. 工程化项目的目录

        3.1 src : 源文件

            3.1.1 views : 页面视图

            3.1.2 components : 组件

        3.2 public : 公共文件, 公共资源

        3.3 node_modules : 前端依赖

        3.4 package.json : 打包中配置文件信息

</content>

<author>Light Xun</author>

<summary>引用请转明出处</summary>

<title>Vue - 2.5 条件渲染, 列表渲染, Class与Style绑定</title>

<content>

    1. 条件渲染

        1.1 v-if : 后接 js 表达式, 不显示时删除元素

        1.2 v-else, v-else-if

        1.3 v-show : 后接 js 表达式, 不显示时隐藏元素

    2. 列表渲染

        2.1 v-for

        2.2 v-for 与 v-if 结合使用

        2.3 v-for 高阶用法

    3. Class与Style绑定 : 使用 v-bind: 来与 data 中变量进行绑定

</content>

<author>Light Xun</author>

<summary>引用请转明出处</summary>

<title>Vue - 2.4 计算属性与侦听器</title>

<content>

    1. 计算属性 : computed

        1.1 可以侦听 本实例 中很多个变量, 包含的 本实例 中的变量发生了变化时触发重新运算, 本实例 外的变量变化时不会触发

    2. 侦听器 : watch

        2.1 侦听 本实例 中一个变量的变化

    3. 使用场景

        3.1 watch : 异步场景,

        3.2 computed : 数据联动

</content>

<author>Light Xun</author>

<summary>引用请转明出处</summary>

<title>Vue - 2.3 模板语法</title>

<content>

    1. 认识 Vue 文件结构(template, script, style)

    2. 模板语法

        2.1 插值 {{msg}}

        2.2 指令(指令缩写) v-html(不转义), v-text(转义), v-bind:, v-on:, v-model(双向绑定), v-if(真则显示, 假则元素删除), v-show(真则显示, 假则隐藏)

    3. 使用 v-html 来实现输出 data 中 html 代码, {{html}} 将被转义

    4. 使用 v-bind: 来实现数据绑定, 可将各元素的 id 在 vue 实例中进行绑定, 统一管理, 可缩写为 :属性

    5. 使用 v-on: 来实现事件绑定, 在methods 进行实现, 可缩写为 @事件

</content>

<author>Light Xun</author>

<summary>引用请转明出处</summary>

<title>Vue - 2.1 知识点解释</title>

<content>

    如图

</content>

<author>Light Xun</author>

<summary>引用请转明出处</summary>

<title>Vue - 2.2 第一个 vue 应用</title>

<content>

    1. 常用 js 库 : jquery, zepto(移动端)

    2. 使用 CDN 方式引用资源 : https://www.bootcdn.cn/

    3. 在 head 中引入 vue.js 库, 防止加载时抖屏

    4. vue 实例中 绑定的元素, 当选择了页面有多个元素时, vue 优先只选择第一个绑定. 可使用外部包裹的 id 方式实现多元素数据绑定

</content>

<author>Light Xun</author>

<summary>引用请转明出处</summary>

<title>Vue - 1.3 前置想学习环境</title>

<content>

    1. IDE 

        1.1 WebStrom

        1.2 VS Code

    2. Node.js

        2.1 node.js : node --version

        2.2 npm : npm --version

    3. 开发环境 & 工具

        3.1 nvm 介绍 : node 多版本管理的最佳工具

            3.1.1 nvm 在 github 中搜索并下载安装

            3.1.2 nvm --version 查看版本号

            3.1.3 nvm --help 查看帮助命令

            3.1.3 nvm ls 查看本地安装的 nodejs 版本

            3.1.4 nvm ls-remote 查看服务器中发布的所有版本

            3.1.5 nvm install v11.0.0 安装 v11.0.0 版本

            3.1.6 nvm user v8.12.0 切换 v8.12.0 版本

            3.1.7 可使用淘宝镜像来使 下载安装速度 加快 : npm install -g cnpm --registry=https://registry.npm.taobao.org , 使用 cnpm 进行

    4. 调试环境

        4.1 Chrome

        4.2 Vue.js - Chrome 插件, 未有代理可在 https://chrome-extension-downloader.com : nhdogjmejiglipccpnnnanhbledajbpd, 将下载好的 vue.js devtools 文件, 拖拽到 扩展程序 中, 可方便的查看 vue组件 及 vue组件状态

    5. 工程环境

        5.1 Vue-Cli

            5.1.1 下载安装 : npm i -g vue-cli

</content>

<author>Light Xun</author>

<summary>引用请转明出处</summary>

<title>Vue - 1.2 课程安排</title>

<content>

    1. Vue 2.x 框架常用知识点 - 20%

    2. Vue 2.x 核心技术 - 30%

    3. 集成 Vue 2.x - 30%

    4. Vue 2.x 框架常用知识点( 第二章 )

        4.1 认识 Vue : Hello Vue 应用

        4.2 模块语法, v-bind 属性绑定, 事件绑定

        4.3 条件渲染, 列表渲染, Class 与 Style 绑定

    5. Vue 2.x 核心技术( 第三章 )

        5.1 认识 vue-cli 工具, Vue 代码规范

        5.2 Vue 组件的调试方法

        5.3 vue-router(路由), vuex(状态管理)

    6. 集成 Vue 2.x ( 第四章 )

        6.1 介绍 workflow 工作流 : 介绍单页面/多页面开发方式

        6.2 单页面 Demo (动态表单, 列表动态展示)

        6.3 使用 Cli 工具, 开发常见的应用组件

</content>

<author>Light Xun</author>

<summary>引用请转明出处</summary>

<title>Vue - 1.1 课程介绍</title>

<content>

  1. 可在 github 中使用 stars:>1 并排序, 以查看全球开源项目收欢迎程度

</content>

快速创建工程的第二种方法：ui界面。命令行敲vue ui