vue环境搭建（新手学习）

搭建环境：
1.安装node  www.nodejs.cn,下载安装node（一直下一步），记录安装的位置，配置环境变量（查看node的安装位置，复制所在地址，在环境变量path中添加）环境变量设置好之后还不能使用时重新打开CMD，安装好后打开CMD 输入 node - v 查看版本号
2.安装npm (node延伸的指令) 一般安装node时会同时安装 输入 npm -v 查看版本
3.常用的dos命令 cd（打开文件） md（创建新文件） dir（查看文件内容） cd..(返回上一级)
4.进入cmd 创建文件夹 md 文件名  例：md vuecli2 ，cd进入文件，dir查看内容
5.npm－cnpm的区别 npm是nodejs的包管理器，用于node的插件管理（包括安装，卸载，管理依赖），国外，cnpm淘宝团队做的镜像，效果一样
6.-g 参数  全局安装，可以直接在命令行直接使用  npm root -g 查看全局安装的文件夹位置。npm(cnpm) insatll - g vue-cli
淘宝镜像安装vue-cli(npm install -gd express --http://registry.npm.taobao.org只有安装脚手架的时候使用)
，可以用（npm config set registry http://registry.npm.taobao.org 回车，直接使用npm insatll - g vue-cl）
- s --save安装包的信息加入到dependencies（生产阶段）
- d --save--dev安装包信息加入到devdependencies(开发阶段，一般开发阶段都使用)
i 是install的缩写（注意前面没有--）
npm root -g 查看全局安装的位置
npm install -d vue-cli本地安装 如果失败就初始化（npm init -f）
npm install -g cnpm --registry=http://registry.npm.taobao.org（cnpm的安装）
vue -V （V大写）查看vue版本
创建vue-cli的项目：
1.vue init webpack projectName (使用webpack管理工具),如果创建失败就在此目录下重新安装vue（cpm install -gd(开发和生产环境) vue[-cli）
2.配置，install vue-routre安装路由，一般都使用 use eslint to lint your code  是否使用eslin管理代码，一般都使用，，其他的都默认即可
3.在compoments目录下新建vue文件，修改router目录下的指引路径（import route）
4.在index.js下创建路由配置（component对应的是import的名字，path是自定义的目录名，children是子页面的配置）
4.#一般都会去掉，不符合常规的地址处理，不能满足需求(hash模式：#以后的内容不被后台获取刷新。history:对url历史记录进行修改，需要后台配合，处理404页面)
5.修改地址栏#,在路由里面，routes的上面添加mode:'history',
6.单独安装vue-route 基于webpack创建项目（vue init webpack 项目名称）
7.安装eslint(npm install eslint --save-dev // -D(开发环境) --save（生产环境），在package.josn查看dependencies(生产)devDependencies（开发）是否有eslint)
8.卸载vue-cli2:npm uninstall vue-cli -g
9.安装vue-cli3:npm install -g @vue/cli
10. vue ui 图形界面的启动 在界面配置项目的配置 
11.安装cuecli3:vue create vue-test(项目名称)