Vue-cli3的创建

本文详细介绍了如何使用Vue-cli3创建一个Vue项目,从全局安装Vue到选择项目配置,包括TypeScript、PWA、Vue Router、Vuex、CSS预处理器等选项,以及代码风格检查、单元测试等。最后通过npm run serve启动项目。
摘要由CSDN通过智能技术生成

步骤:

1.全局安装vue

npm install -g @vue/cli 

2.查看vue的版本和是否安装成功vue
在命令板输入:

vue -v

3.新建一个vue项目文件夹
4.cmd进入命令版
在这里插入图片描述
5.在文件夹下面创建项目:(这里我们选择手动)

vue create my-project

在这里插入图片描述
6.选择配置,这里按照个人的项目需求选择
注意,空格键是选中与取消,A键是全选
TypeScript 支持使用 TypeScript 书写源码
Progressive Web App (PWA) Support PWA 支持。
Router 支持 vue-router 。
Vuex 支持 vuex 。
CSS Pre-processors 支持 CSS 预处理器。
Linter / Formatter 支持代码风格检查和格式化。
Unit Testing 支持单元测试。
E2E Testing 支持 E2E 测试。
在这里插入图片描述
7.我这里选择的是sass预处理
在这里插入图片描述
8.代码格式化检测选择,我这里选择Prettier
在这里插入图片描述
9.选择语法检查方式,我这里选择保存检测
在这里插入图片描述
10.单元测试,我这里选择Mocha
在这里插入图片描述
11.配置文件存放地方
在这里插入图片描述
12…询问是否记录这一次的配置,以便下次使用,如一开始的时候会显示的vuecli3配置
在这里插入图片描述
13.等待安装
在这里插入图片描述
14. 进入到项目根目录:cd my-project
启动项目:npm run serve
在这里插入图片描述
结束!!!!!!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值