vue-cli4.0.5

一.搞事情之前看看官网的文档以及借鉴经验

1.官文档
2.node版本升级
3.查看vue所有版本：

npm view vue-cli versions --json

3.vue版本升级
4.升级element-ui最新版本
版本号看官方文档

最新版本：npm i element-ui -S  某版本：npm i element-ui@2.10.1 -S

5.借鉴的详细流程（新手必备，很舒服）
二.构建项目的细节
1.网络的设置：一般是直接拉，不设置，但是假如很慢，那就使用淘宝镜像吧
2.进入对应文件夹输入命令的三种方法：
（1）.使用win+r ，cmd，然后cd进去你要创建的地方(进入磁盘：如“：d”)
（2）.使用git bash，在你想创建的地方鼠标右键git Bash here
（3）.把你新建的文件夹直接拖到vscode中，ctr+~
3.创建项目有两种方法：
（1）.直接命令vue create project-name ，这个看借鉴流程
（2）.vue ui(浏览器视图化)，这个看视图操作就行了
3.遇到的小失误：
（1）.项目命名（不能使用大写）
（2）.安装完项目看蓝色字体（先 cd demo-one，再 npm run serve）
（3）.项目默认不会打开浏览器的
2.0时代，找到config的index，里面有个autoOpenoBrowser
3.0时代，建个vue.config.js文件，配置一下
3.x-4.1时代，直接粗暴在运行命令后面加--open
（4）.项目没办法实现热更新（方法）

二.vue-cli2.x或者vue-cli1.x（官网）

1.首先检查下vue版本和node版本

vue --version或者vue -V
node -version 或者 node -V

2.vue-cli2.x版本应该是2.9.6，这里先卸载一下3.9.3的
官网

npm uninstall -g @vue/cli

3.安装vue-cli2.0的2.9.6
淘宝镜像的设置：点击后看最后的链接

npm install vue-cli -g  //报错，前面就用cnpm，网络问题

4.项目初始化，以及一些配置

vue init webpack demo01

图示配置

5.因为module已经下载好了，所以进入一下项目文件下，然后直接就可以run了

图示命令

6.注意：
（1）.项目没有安装vuex
（2）.运行不会自动打开浏览器：在config文件夹 ->index.js ->autoOpenBrowser: true

三。webpack一步步配置vue项目（不使用vue-cli）