1.安装node.js（安装的时候选择 Add to Path,因为它默认添加到path环境变量去。。。）node自带npm

1-1:看是否安装成功：node -v      npm -v

2.安装git

*需注意版本问题。以前开发的时候 因为更新git版本太高了，导致出了问题，时间太久了，具体啥问题，我忘了哈哈。。。

3.安装好了之后 找到要安装的文件夹 右击 选择 git Bash Here

---------git里面的  安装命令

1.vue create first(first是项目名字)

2.回车之后 出现 

解释： 1.admin 是我第一次使用后留下来的 下次在创建项目就可以直接选择 第一次使用只有后面两个 没有第一个！

2.default 是默认的配置

3.Manually select features 是自己选择配置 

*坑： 选择时 用键盘上的上下键 选择 如果不能选择(就是向右的箭头不能切换) 找到git的配置文件

 

看下图片上的路径 找到 bash.bashrc文件  用文本编辑器打开  在最下方添加   alias vue='winpty vue.cmd'

保存 在重新运行 git bash here就可以 选择了

4.选default 是直接就安装了 所以我选了Manually select features 做演示

选择哪个 就用上下键 移动到哪 按空格键 选中/取消选中  这上面是我随便选的,看自己需要选择

大意就是 你项目选择的配置：babel......等等；是否使用历史模式 选择y 就是使用历史模式(history)

话外题：历史模式的作用：就是localhost:8080/#/index 中的 #去掉了 (如果你是混合开发做移动端就不要选择！NO，我走过的坑，具体原因我忘了，,,鱼的记忆。。。只限当天（可能是我没有真正的理解吧）)

别人那复制的：对于vue开发的单页面应用，我们在切换不同的页面的时候，可以发现html永远只有一个，这也真是称之为单页面的原因，而vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。因为对于正常的页面来说，更换url一定是会导致页面的更换的， 而只有更换url中的查询字符串和hash值得时候才不会重新加载页面。 这里也就是这个道理。

router.js 里多了一句代码 mode:'history'

5.回车 我选的sass 因为个人喜欢  看大家咯

6.回车  图解：把配置文件保存在哪里  1.专用配置里 2.package.json里  看自己喜好选择

7.剩下的就不做解释了  百度翻译一下就好了  

8.注意 3.0和2.0 运行方式不一样  2.0命令行是 npm run dev  ； 3.0 是npm run serve

9.webstorm 在一开始没有显示 npm的快捷框   ：找到项目里的 package.json文件  右击 选择 show npm scripts 就有了

PS：仅做自己参考记录的(怕忘了)，写的简单  具体问题  请百度