介绍
小编给大家分享一下如何安装与配置vue-cli3.0,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!
最近公司要开新项目,用vue-cli3.0配置,让我搞一搞,做个记录。
安装
首先你要升级到cli3.0,命令如下。(最好自己去官网过一遍cli3.0的文档)
npm安装- g @vue/cli-service-global
安装完成后检测一下是否安装成功,如下图展示。
显示3.0以上就安装成功。
创建一个项目
vue创建hello world
创建过程中,会让你选一系列的配置,键盘上下键可以切换,空格键可以选取,回车键确认。下面我一一细说。
第一个默认配置只会安装巴贝尔和eslint,其它的需要自己配置,不建议选,这里我们选择第二个<代码>手动配置> 代码。按回车(键盘上下键可以上下切换选择)
从上往下分别为(注:空格键可以选定)
巴贝尔:用来将es6的代码编译为es5 打印稿:javascript的一个超集,我这里没选 先进的Web应用程序(PWA)支持:PWA技术 路由器:路由 Vuex:全局状态管理 CSS预处理程序:CSS预处理 短绒/格式化程序:风格检查器 单元测试:单元测试 E2E测试:E2E测试
这里选择可以根据个人需求来进行选择
下一步,选择eslint的风格,这里不多啰嗦,直接选择第三个标准(应为前几个我也不了解_ -)
这里是问你,要在保存时设置线头还是在提交是设置的棉絮,我这里设置保存时线头(第一个)
这里是问你将巴别塔,eslint, postcss这些配置放在那里
在专用配置文件:放在相应的文件中 在package.json:放在包中。json中
以上是“如何安装与配置vue-cli3.0”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!