vue-cli3.0 最新项目创建

1. 首先我们要打开终端工具 要检查一下node npm 的版本
检查node npm 版本

2. 全局安装 vue cli

npm install -g @vue/cli

安装完成后 检查版本号 vue -V

3. 创建项目

vue create practice

(practice这个是文件名 可以随意替换)可以使用自己的项目名

4. 创建完成项目会让我们自己选择 默认(default)还是手动(Manually),如果选择default,一路回车执行下去就行了 这里我现在手动

选择vue版本型号
配置选择
选择配置,看个人项目需求
空格键是选中与取消,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 测试。

选择完配置后 回车

5.当配置选择完成后 会出现选择版本 在此我选择的是3.x
选择CLI 版本
在选择完成3.x 后会出现下图 这个是让您选择配置文件放到哪里
第一个是独立文件夹位置,第二个是在package.json文件里
我选择放package.json配置文件,选第二个然后回车,回车之后有个选择Y/N,我选择的Y,然后直接回车就安装成功啦
选择配置文件放到哪里

6. 最后npm run serve运行项目

cd practice //进入到项目根目录
npm run serve //运行项目

启动完成
这样应该项目就创建完成了
如果有问题 请大家多提意见 !!!!

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值