安装Vue CLI
在终端中输入以下命令进行全局安装:
npm install -g @vue/cli
创建Vue项目
1.在你要创建项目的目录下打开终端输入vue create 【你的项目名称】
2.手动选择安装
3.根据自己的需求选择
4.选择vue版本
5.是否使用calss风格的组件语法: (推荐:y)
6.这个选择的意思是要不要使用babel工具自动转换为ts代码注入polyiss(推荐: y)
7.是否使用history模式创建路由;
8.选择预处理器(如: less,sass,stylus)
9.选择代码检测时的工具
10.选择检测时机
11.如何存放配置
12.可以将当前创建项目配置作为一个模板方便下次直接使用
13.至此,一个vue项目就创建完成了。
vue项目启动自动打开浏览器
在 vue.config.js 文件下配置
devServer: {
host: 'localhost',
open:true, //默认打开浏览器
proxy:"http://localhost:2999"
}
如图: