2.5 选择 Eslint 的使用方式,我选择的 ESLint + Prettier

2.6 选择语法检查方式,我自己选择保存就检测
第一个是保存检测,第二个是fix和commit的时候检测

2.7选择以上的配置文件放置的位置,把babel,postcss,eslint这些配置文件放哪,这里随便选,我选择放在独立文件夹

2.8 是否保存以上的 preset 配置,可在将来创建项目的时候直接引用,我选择no
键入N不记录,如果键入Y需要输入保存名字

确定后,等待下载依赖模块
3.启动项目
初始完之后,进入到项目根目录: cd my-project
启动项目:
npm run serve在浏览器输入 http://localhost:8080就可以看到vue的欢迎界面
4.打包上线
vue-cli 也提供了打包的命令,在项目根目录下执行: npm run build 执行完之后,可以看到在项目根目录下多出了一个 dist 目录,该目录下就是打包好的所有静态资源,直接部署到静态资源服务器就好了。
注意:
参考: vue.config.js常用配置
使用vue-cli3.0搭建项目比之前更简洁,没有了build和config文件夹。
vue-cli3的一些服务配置都迁移到CLI Service里面了,对于一些基础配置和一些扩展配置需要在根目录新建一个vue.config.js文件进行配置
module.exports = {
// 选项...
}基本路径
baseUrl从 Vue CLI 3.3 起已弃用使用publicPath来替代。
在开发环境下,如果想把开发服务器架设在根路径,可以使用一个条件式的值
module.exports = {
publicPath: process.env.NODE_ENV === 'production' ? '/production-sub-path/' : '/'
}构建输出目录(打包位置)
outputDir
当运行 vue-cli-service build 时生成的生产环境构建文件的目录
module.exports = {
outputDir: 'dist',
}静态资源目录
assetsDir
放置生成的静态资源 (js、css、img、fonts) 的目录
module.exports = {
assetsDir: 'assets',
}eslint代码检测
是否开启eslint保存检测,有效值:ture | false | ‘error’










