vuecli3.0 构建vue项目

最新推荐文章于 2024-08-06 21:56:24 发布

哎呦喂1111

最新推荐文章于 2024-08-06 21:56:24 发布

阅读量449

点赞数

分类专栏： web前端文章标签： vuecli3.0 构建vue项目

本文链接：https://blog.csdn.net/qq_31965515/article/details/87354605

版权

本文介绍了如何通过yarn安装vuecli3.0，并详细指导创建Vue项目的步骤，包括选择default套餐或手动选择特性，如TypeScript、PWA、Vue Router、Vuex、CSS预处理器、Linter/Formatter等。特别提到了配置文件的位置选择和保存为preset的选项，最后演示了启动项目的方法。

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

通过yarn安装vuecli3版本

yarn global add @vue/cli --registry=https://registry.npm.taobao.org

创建项目
执行：
vue create my-project
此处有两个选择：
default (babel, eslint)默认套餐，提供babel和eslint支持
Manually select features自己去选择需要的功能，提供更多的特性选择。比如如果想要支持 TypeScript ，就应该选择这一项。
可以使用上下方向键来切换选项。如果只需要 babel 和 eslint 支持，那么选择第一项，就完事了，静静等待 vue 初始化项目。
vue-cli 内置支持了8个功能特性，可以多选：使用方向键在特性选项之间切换，使用空格键选中当前特性，使用 a 键切换选择所有，使用 i 键翻转选项。
对于每一项的功能，此处做个简单描述：
TypeScript 支持使用 TypeScript 书写源码
Progressive Web App (PWA) Support PWA 支持。
Router 支持 vue-router 。
Vuex 支持 vuex 。
CSS Pre-processors 支持 CSS 预处理器。
Linter / Formatter 支持代码风格检查和格式化。
Unit Testing 支持单元测试。
E2E Testing 支持 E2E