搭建一个简单的vue项目，部分git命令

搭建一个简单的vue项目

win10系统
1、首先下一个node.js。网址 https://nodejs.org/
然后傻瓜式安装，一直next。然后查看是否安装完成使用win+R后输入cmd,如下图：

win+R输入cmd，回车后进入下图中输入node -v

上图输入node-v回车后，出现版本号，表示安装成功。然后我们可以再在上图中执行一个命令，npm -v ， npm是node的一个包管理工具。如下图

上图输入npm -v 回车后出现版本号表示npm包管理工具安装成功（在安装过node后，node自带npm），如果想要代码管理，可以使用码云，github也可以看个人爱好。（注意码云上在Git上下载的地址是SSH）。
2、接下来进行Vue.js安装
(1)这里我们用cnpm下载，cnpm安装代码：
npm install -g cnpm --registry=https://registry.npm.taobao.org
复制到命令行回车即可。
(2)安装完成后升级一下：
cnpm install cnpm -g
(3)升级完成后就可以直接使用cnpm安装vue,js：
cnpm install vue
(4)安装vue之后，在安装一下工具vue-cli
cnpm install --global vue-cli
(5)接下来就可以使用vue-cli快速创建项目，这时候你可以先选择一下你的项目的存放目录，上面我的操作都是在c盘，如果我们不想在c盘，我们可以换一个盘，操作就是在命令行下输入e:
如下图我想把项目travel创在E盘，计算机实验文件中桌面上的Travel中（由于笔者已经创建过一个项目，所以第五步是为了描述如何在命令行下进入e盘，创建项目在(6)，）

(6)、接下来用vue-cli快速创建项目，命令行下输入下面代码：
vue init webpack “项目名称”
项目名称自己随便写，双引号去掉。
如下图我想在Desktop下的Work文件中创建一个work的项目(项目的字母要小写，所以是work而不是Work)：

回车后会出现?Project name(项目名称)， 回车就好，如上图。
回车后再回车会有一个Author,我们输入作者名就好(随意起名)，再回车出现下图：

继续回车出现下图，

上图输入Y后，回车出现下图，

上图再输入Y，回车出现下图

上图回车即可，出现下图：

上图我选择了n，(你们随意)，回车出现下图

上图我还是选择输入n，然后出现下图：

上图回车， 然后开始安装，如下图：

安装成功如下图:

然后按照图上输入cd work
进入项目文件，再输入下面这两个命令即可
cnpm install
npm run dev
成功如下图

在浏览器上输入http://localhost:8081 如下图：

(7)、上边完成后，笔者用vscode进行改写代码后保存之后会报错，(代码没有写错的情况下)，百度后发现是我上边把这个Use ESLint to lint your code?选的Y，使它安装进了目录里，在写代码过程中，它会进行很严格的检查，比如缩进，空格问题都会加入报错。但实际中我们忽略，不将他视为报错。为了保证正常代码运行，我们可以禁用ESLint。如何禁用呢，请看下面两个图片：


注释或删除上面图中标记的代码即可。

npm cache clean --force 这个代码是npm清理缓存操作。
npm cache clean -f 这个代码是npm强制清理缓存操作，这个清理不了说明node版本过低。

Ctrl+c可退出下面这个界面：

输入 Y 回车即可。

npm run start 重启服务

(8)、如果把项目移动位置以后，建议把项目文件夹里的node_modules这个文件夹删掉，然后命令行模式下进入项目输入cnpm install ，便会重新安装node_modules文件，
(笔者是把上面第1步和第2步的(1)-(4)及第(8)步重新试了一遍，最后进行npm run dev)。

码云的下载与推送命令如下图：
下载：

推送：

分支推送到本地：

分支推送到仓库：

分支合并到master上并推送到仓库：

git checkout . 去除更改

git branch 查看所有分支

git status 查看此分支情况