Vue-cli 3.0尝鲜

本文介绍如何使用vue-cli快速创建并配置Vue项目,包括安装vue-cli、选择项目特性如Babel、TypeScript、PWA等,以及代码格式化和测试工具。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

安装 vue-cli

安装vue(如果安装了vue请跳过这一步,vue -V 查看是否安装了vue)

npm install -g @vue/cli
&
yarn global add @vue/cli (推荐MAC使用)

clipboard.png

新建一个vue项目,先给他取个名字

vue create name

clipboard.png

选择vue-cli的选项

mp-save => 保存的我的安装习惯
default => 默认安装
Manually select features => 自定义安装

clipboard.png
这里走自定义安装~
clipboard.png
(按需添加,空格选中,回车下一步
Babel => 预编译(留着玩
TypeScript => typeScript语法(爱用不用
PWA => WEB App 优化(会玩再玩
Router => 路由(大兄弟
Vuex => 观察与通信(大兄弟
CSS => sass&less (css
Linter => 代码格式化
Unit Testing => 单元测试
E2E Testing => E2E测试

选择过 CSS

clipboard.png

选择过 Linter

clipboard.png
error prevention only (无所顾忌
Airbnb (地狱难度校验
Standard (标准难度校验
Prettier (自由飞翔!

在保存后校验输入

clipboard.png

选择是用文件夹习惯或者package.json习惯

clipboard.png

给你的习惯存个档

clipboard.png

设置存档的名称

clipboard.png

回车后开始挂机

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值