配置镜像源
在终端输入,查看是否安装镜像源
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、项目创建成功