vue-cli3.5.5 项目创建及vue.config.js配置

最新推荐文章于 2024-10-01 13:24:42 发布

cooowen

最新推荐文章于 2024-10-01 13:24:42 发布

阅读量2.7k

点赞数 4

分类专栏： vue 文章标签： vue vue-cli 项目创建

本文链接：https://blog.csdn.net/qq_27027579/article/details/89331535

版权

本文介绍了使用vue-cli3.5.5创建项目的过程，包括手动选择项目特性，如Babel、vue-router、Vuex、CSS预处理器和ESLint。重点讨论了新版本中build和config目录消失后，如何通过创建vue.config.js进行配置。作者还分享了在启用CSS modules时遇到的element-ui字体和图标文件问题的解决方案。

摘要由CSDN通过智能技术生成

vue-cli3.5.5 项目创建及vue.config.js配置

最近公司要开一个新项目，前端由我一个人负责，之前有用vue-cli创建项目，但当时用的是2.X版本的，现在vue-cli 已经到了3.5.5版本了，之前换了电脑没装vue-cli，这次正好来尝试一下新的Vue-cli3，vue-cli3和 2.x版本创建的项目目录结构发生了较大的变化，原先的build和config配置全部

创建项目：

创建项目

项目基础插件选择：

这里选择Manually select features，也可使用自己保存的配置
基础插件选择

选择具体插件:

对于每一项的功能，此处做个简单描述：

  TypeScript                              支持使用 TypeScript 书写源码。
  Progressive Web App (PWA) Support PWA   支持。
  Router                                  支持 vue-router 。
  Vuex                                    支持 vuex 。
  CSS Pre-processors                      支持 CSS 预处理器。
  Linter / Formatter                      支持代码风格检查和格式化。
  Unit Testing                            支持单元测试。
  E2E Testing                             支持 E2E 测试。

可按自己喜好选择，这里我选择了Babel, router, Vuex, css pre-processors, Linter / Formatter