vue-cli3.0安装与配置

31次阅读

共计 799 个字符,预计需要花费 2 分钟才能阅读完成。

vue-cli3.0 安装与配置
最近公司要开新项目,用 vue-cli3.0 配置,让我搞一搞,做个记录。
安装
首先你要升级到 cli3.0,命令如下。(最好自己去官网过一遍 cli3.0 的文档)
npm install -g @vue/cli-service-global
安装完成后检测一下是否安装成功,如下图展示。
显示 3.0 以上就安装成功。
创建一个项目
vue create hello-world
创建过程中,会让你选一系列的配置,键盘上下键可以切换,空格键可以选取,回车键确认。下面我一一细说。

第一个默认配置只会安装 babel 和 eslint,其它的需要自己配置,不建议选,这里我们选择第二个手动配置。按回车(键盘上下键可以上下切换选择)

从上往下分别为(注:空格键可以选定)
babel:用来将 es6 的代码编译为 es5
typescript:javascript 的一个超集,我这里没选
Progressive Web App (PWA) Support:pwa 技术
Router:路由
Vuex:全局状态管理
CSS Pre-processors:css 预处理
Linter / Formatter:风格检查器
Unit Testing:单元测试
E2E Testing:e2e 测试
这里选择可以根据个人需求来进行选择

下一步,选择 eslint 的风格,这里不多啰嗦,直接选择第三个 standard(应为前几个我也不了解 -_-)

这里是问你,要在保存时设置 lint 还是在提交是设置 lint,我这里设置保存时 lint(第一个)

这里是问你将 babel,eslint,postcss 这些配置放在那里
In dedicated config files:放在相应的文件中
In package.json:放在 package.json 中

这里是问你是否保存预设,当你选择是的时候,下次你在执行 vue create xxx 的时候,会默认选择这些设置,建议选否
走到这一步就配置完成,等待安装完成。

正文完
 0