安装脚手架vue-cli
全局安装,只要安装一次,以后都不需再安装。
在安装前必须先安装了node.js
vue-cli的安装方法如下:
//在命令行输入
npm install -g @vue/cli
用脚手架vue-cli创建项目
1.基于交互式命令行的方式,创建vue新项目
//在命令行输入
vue create 项目名称
2.基于图形化界面的方式,创建vue新项目
vue ui
3.基于2.x旧模板的方式,创建vue旧项目
npm install -g @vue/cli-init
vue init webpack 项目名称
脚手架vue-cli的自定义配置
1.在项目的根目录创建文件 vue.config.js
2.在该文件中进行相关配置,从而覆盖默认配置
//vue.config.js
module.exports = {
devServer: {
//自动打开浏览器
open: true,
//端口
port: 8878
}
}