Vue项目环境搭建详细总结(2)

admin是你需要创建的项目名称,这里如果你是第一次用3.0版本的话,是没有前两个的,而只有最后两个,这里是让你选的,第一个是默认配置,一般选第二个,自己配置,这里选择最后一个

三、enter之后会弹出以下选择

Vue项目环境搭建详细总结

当你选择后会出现上面图上的东西,这里你可以自由选择用哪些配置,按上下键选择哪一个,按空格键确定,所有的都选择好后,按enter键进行下一步,这里可以根据自己的需求来选择

四、安装预处理语言

Vue项目环境搭建详细总结

这一步询问你安装哪一种 CSS 预处理语言,根据自己的需求自行选择即可

五、选择自动化代码格式检测

Vue项目环境搭建详细总结

上面这个是询问你代码格式化检测,配合vscode编辑器的Prettier - Code formatter插件,可以选择随后一个

六、保存设置 

Vue项目环境搭建详细总结

上图第一个选项是问你是否保存刚才的配置,选择确定后你下次再创建新项目就有你以前选择的配置了,不用重新再配置一遍了

七、选择配置文件位置

Vue项目环境搭建详细总结

上图意思问你像,babel,postcss,eslint这些配置文件放哪?
第一个是:放独立文件放置
第二个是:放package.json里
这里推荐放单独配置文件,选第一个 

八、最后一步保存设置

Vue项目环境搭建详细总结

上边倒数第二行问你是否将以上这些将此保存为未来项目的预配置吗?
最后一个是描述项目,你随意选择,点击确定就开始下载模板了

九、下载模板

Vue项目环境搭建详细总结

cd admin进项目,启动服务npm run serve,这里是没有vue.config.js文件的

十、新建一个vue.config.js文件,进行项目配置

Vue项目环境搭建详细总结

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/ab293ac93be6660f39a66e4fd4282dd3.html