说明:
写作主要的目的是记录自己做过的东西,好记性不如烂笔头,因此做手记录。在帮助自己的同时也希望可以帮助到有需要的人。好了,废话少讲,跟着我直入主题吧!
前提:
安装了 npm 、node.js 、vue cli3 环境。
步骤如下:
1、命令行输入:
vue create 项目名
2、选择 default 创建项目的话一直回车就可以创建好项目。此处我选择的是手动配置项目:Manually select features。
3、手动配置需要进行如下配置,* 代表选中该配置。
space 选择
a 全选
i 反选
4、此处按照项目需要自行选择:
选项说明如下:
选项 | 说明 |
---|---|
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 的版本。
6、路由是否选择history路由模式,这里输入 n ,默认模式即可,然后回车。
7、选择CSS预处理器(自行根据需要选择),这里选择 Less
8、自动代码格式检测,选择 ESLint + Standard config 标准版的
9、选择 Lint on save。保存时检测
10、配置文件保存位置: 我选的是保存在 package.json 文件中
11、是否保存项目创建配置,选择 y
12、下一步直接 回车 就创建好项目了。如下图跑起来就好