安装vue脚手架

配置镜像源

在终端输入，查看是否安装镜像源

nrm ls

下载镜像源--全局安装nrm

npm install -g nrm

使用taobao镜像源

nrm use taobao

安转和使用 vue-cli

在终端下运行如下命令，安转vue-cli

npm install -g @vue/cli

快速生成工程化的vue项目

vue create 项目的名称

项目配置

1、推荐选择自定义

 

2、自定义插件

Check the features needed for your project: ----空格选择，a全选，i反选 回车确定
Babel ---- 将高级版本ES转换为浏览器识别的JS语法
TypeScript---- JS的超集，提供了JS面向对象支持
Progressive Web App (PWA) Support ----渐进web app支持
Router ----路由、请求所对应的地址
Vuex ---- 数据状态管理器、用于多页面传参
CSS Pre-processors ----CSS预处理，将高级CSS语法转换为浏览器识别CSS语法
Linter / Formatter ----语法检测
Unit Testing ----单元测试
E2E Testing ----测试

 

3、选择vue安转版本  

4、选择路由模式

• Use history mode for router?
• History模式---- Y
• Hash模式---- n  路由的后方有#只刷新部分内容（建议采用）  

 5、选择插件的配置存放

 

6、是否保存预设

 

7、安装成功

 

运行项目文件

• 切换到项目文件夹,在终端输入

npm run serve

1、在浏览器输入地址：http://localhost:8080/ 

2、项目创建成功