vue cli3创建项目?

说明:

写作主要的目的是记录自己做过的东西,好记性不如烂笔头,因此做手记录。在帮助自己的同时也希望可以帮助到有需要的人。好了,废话少讲,跟着我直入主题吧!

前提:

安装了 npm 、node.js 、vue cli3 环境。

步骤如下:

1、命令行输入:

vue create 项目名

2、选择 default 创建项目的话一直回车就可以创建好项目。此处我选择的是手动配置项目:Manually select features

vue cli3创建项目?

3、手动配置需要进行如下配置,* 代表选中该配置。

​ space 选择

​ a 全选

​ i 反选
vue cli3创建项目?

4、此处按照项目需要自行选择:
vue cli3创建项目?
选项说明如下:

选项 说明
Babel 转码
TypeScript TypeScript
Progressive Web App (PWA) Support 支持渐进式Web应用程序(PWA)
Router 路由
Vuex Vuex
CSS Pre-processors css预处理
Linter / Formatter 代码风格检查和格式化
Unit Testing 单元测试
E2E Testing E2E测试

5、选择 vue 项目版本,此处可自行选择,我选的是 vue3 的版本。
vue cli3创建项目?
​6、路由是否选择history路由模式,这里输入 n ,默认模式即可,然后回车。
vue cli3创建项目?

​7、选择CSS预处理器(自行根据需要选择),这里选择 Less
vue cli3创建项目?

​8、自动代码格式检测,选择 ESLint + Standard config 标准版的
vue cli3创建项目?

9、选择 Lint on save。保存时检测
vue cli3创建项目?

10、配置文件保存位置: 我选的是保存在 package.json 文件中
vue cli3创建项目?

11、是否保存项目创建配置,选择 y
vue cli3创建项目?

12、下一步直接 回车 就创建好项目了。如下图跑起来就好
vue cli3创建项目?

上一篇:vue-cli3配置路径别名


下一篇:组合索引,二级索引(转)