一、安装 @vue/cli 脚手架
npm install -g @vue/cli
安装完成后,可以使用 vue -V (这个 V 是大写的)查看版本号
注意:@vue/cli 依赖于webpack,在使用之前,先安装webpack
npm install webpack -g
二、创建项目
vue create project-name
这里的 project-name 是自定义的项目名称,命令执行之后,会生成对应文件夹
三, 项目生成之后,已经自动安装了相关的依赖项,这时候可以直接启动项目:
npm run serve
四, 完成以上步骤之后,就已经可以开发 vue 项目了,但无法满足定制化的开发需求
这时候就需要在根目录手动创建一个 vue.config.js
// vue.config.js
module.exports = {
publicPath:'/', // 启动页地址
outputDir: 'dist', // 打包的目录
lintOnSave: true, // 在保存时校验格式
productionSourceMap: false, // 生产环境是否生成 SourceMap
devServer: {
open: true, // 启动服务后是否打开浏览器