vue脚手架3.0安装项目运行教程

第一步:cmd命令下载脚手架3.0
npm install -g @vue/cli

网速慢可以下载国内版本

cnpm install -g @vue/cli

下载好后出现选择模板，红框内是历史版本，也就是已经做出过的选择，下方是两个默认和最后的自选

正常空格选择这四个即可

 

 () Choose Vue version 选择Vue版本
() Babel JavaScript 的编译器
(*)TypeScript TypeScript语法
( )Progressive Web App (PWA) Support 先进的Web应用程序(PWA)支持
( )Router 路由
( )Vuex 状态管理
( )CSS Pre-processors CSS预处理程序
( )Linter / Formatter 格式化程序
( )Unit Testing 单元测试
( )E2E Testing E2E测试

此处选择是2.0还是3.0

 

 

 

 

 

 

 

 

 最后 通过 npm run serve 启动当前项目

 

安装过配置文件后再次新建项目时

 

cmd命令输入

 vue create 项目名

 

 

 

 

 选择预设文件配置或手动配置

 2.0

安装elementUI

npm i element-ui -S

安装axios全局组件

npm install axios

min.js里配置并在components下创建index.js文件(全局配置文件)

 

 

 

 

 

 

 

 

 复制之前项目上的vue.config.js文件进行后端连接

 

 

补全About页面（初始页面）

3.0

npm install --save axios vue-axios