使用vue-cli创建项目基础（好理解易操作）！

安装node.js(后端服务框架)

https://www.nodejs.cn

安装node会自动安装npm服务

npm是node服务的管理工具（安装，卸载..）

常用dos命令

cd打开文件夹

md新建文件夹

dir查看文件夹内容

cd..返回上一级文件夹

查看npm全局安装位置

npm root -g

npm和cnpm的区别（国外镜像和国内淘宝镜像）

设置npm默认下载源地址为国内镜像

npm config set registry https://registry.npm.taobao.org

通过npm安装cnpm

npm install cnpm -g --registry=https://registry.npm.taobao.org

通过cnpm安装vue-cli

cnpm install vue-cli -g （ctrl+c终止安装）

cnpm uninstall vue-cli -g （卸载vue-cli）

创建vue-cli项目

（webpack只是项目模板而已！！！）

vue init  webpack projectName（项目名不允许大写字母）

如果过程中出问题，可能是vue-cli没有安装成功，在当前文件夹重新安装即可

cnpm install vue-cli -gd（gd是安装运行和生产环境）

新装的win10系统，使用vue-cli在控制台创建项目时出现乱码，请问如何处理？

解决办法：

打开cmd,在控制台输入CHCP 65001，按回车键即可将编码格式设成utf-8，再创建就不会乱码了。

vue-router安装

Use ESLint to lint your code？安装

启动本地服务默认是8080端口

npm run dev

sublime text vue文件高亮插件下载地址

https://github.com/vuejs/vue-syntax-highlight

下载压缩包解压复制

在sublime菜单首选项/插件浏览 里面新建vue文件夹，粘贴复制的内容即可

然后ssv设置文档格式即可高亮

三级页面路由挂载

<router-view></router-view>

路由模式

hash模式#

history模式（需要配合后台处理404问题）

router

mode:'history'

在开发环境安装eslint插件

cd 到开发环境文件夹，npm install eslint --save（生产环境）

cd 到开发环境文件夹，npm install eslint --save-dev（开发环境）