vue-cli3.0 最新项目创建

1.全局安装vue-cli

npm install -g @vue/cli

2.创建项目

vue create demo demo是项目名可以随意替换
在这里插入图片描述
默认(default)vue2
默认(default)vue3
手动(Manually)

3.手动选择配置

在这里插入图片描述
空格键是选中与取消,A键是全选

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

选择完配置后 回车

4.选择版本

在这里插入图片描述
选择3.x

5.选择css预处理器

在这里插入图片描述
选择sass/scss(with node-sass)

6.选择配置文件存放位置

在这里插入图片描述
独立文件夹位置
package.json文件里

选择package.json文件里

7.运行项目

cd demo 进入项目根目录
npm run serve 运行项目
在这里插入图片描述

参考自:参考

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值