创建vue3的项目

介绍
Vue-cli 是一个基于 Vue.js 进行快速开发的完整系统。有三个组件:
cli :@vue/cli 全局安装的 npm 包,提供了终端里的vue命令(如:vue create 、vue serve 、vue ui 等命令)
cli 服务:@vue/cli-service是一个开发环境依赖。构建于 webpack 和 webpack-dev-server 之上(提供 如:serve、build 和 inspect 命令)
cli 插件:给Vue 项目提供可选功能的 npm 包 (如: Babel/TypeScript 转译、ESLint 集成、unit和 e2e测试 等)

安装相关的依赖

  1. 检查node的版本信息,Vue CLI 3需要 nodeJs ≥ 8.9 ,官方推荐 8.11.0+,你可以使用 nvm 或 nvm-windows在同一台电脑中管理多个 Node 版本
  2. 安装@vue/cli,Vue CLI 3的包名称由 vue-cli 改成了 @vue/cli
    在这里插入图片描述

创建一个vue3的项目

  1. 进入文件夹输入vue3的创建命令vue create <Project Name>
    在这里插入图片描述

  2. 手动配置,根据你需要用方向上下键选择(按 “空格键”选择/取消选择,A键全选/取消全选,I键进行反选)对应功能。
    在这里插入图片描述
    上面选项的解释

    TypeScript                                 // JavaScript的一个超集
    										   //(添加了可选的静态类型和基于类的面向对象编程:
    										   //类型批注和编译时类型检查、类、接口、模块、
    										   //lambda 函数)
    Progressive Web App (PWA) Support          // 渐进式Web应用程序 
    Router                                     // vue-router(vue路由)
    Vuex                                       // vuex(vue的状态管理模式)
    CSS Pre-processors                         // CSS 预处理器(如:less、sass) 
    Linter / Formatter                         // 代码风格检查和格式化(如:ESlint)
    Unit Testing                               // 单元测试(unit tests) 
    E2E Testing                                // e2e(end to end) 测试
    
  3. 创建文件成功
    在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值