vue-create创建项目包【官方推荐】

雍正1212

已于 2022-06-06 15:55:39 修改

阅读量2.2k

点赞数 3

分类专栏： vue 文章标签： vue.js javascript

于 2022-06-06 15:54:17 首次发布

本文链接：https://blog.csdn.net/m0_60531448/article/details/125148061

版权

vue 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

在这里插入图片描述

项目环境要求

node -v
v16.13.0 //不能低于v14+，推荐node v16+
npm -v
8.1.0

vue -V
@vue/cli 4.5.15 //不能低4.5

 vue3创建项目命令：
 npm init vue@3
  
 vue2创建项目命令：
 npm init vue@2

Need to install the following packages:
 create-vue@3
 Ok to proceed? (y) ---->    y

 Vue.js - The Progressive JavaScript Framework

 ✔ Project name: … v3_ok  ---->  //项目名称
 ✔ Add TypeScript? … No / Yes---->   //是否添加TS
 ✔ Add JSX Support? … No / Yes -----> //是否JSX
 ✔ Add Vue Router for Single Page Application development? … No / Yes  ---> //是否添加路由
 ✔ Add Pinia for state management? … No / Yes    ---> //是否添加pinia状态管理工具，相当相于vue2的vuex
 ✔ Add Vitest for Unit Testing? … No / Yes   --->//是否安装单元测试
 ✔ Add Cypress for both Unit and End-to-End testing? … No / Yes ----> //是否安装端到端测试
 ✔ Add ESLint for code quality? … No / Yes  ---> //是否安装ESlint代码检查工具
 ✔ Add Prettier for code formatting? … No / Yes   -----> //是否安装Prettier格式工具

 Scaffolding project in /Users/lll/Desktop/work/Vue3/v3_ok...

 Done. Now run:

   cd v3_ok    ----->进入项目
   npm install    ---->下载依赖
   npm run lint   ------>启动文件
  npm run dev 	   ----->启动文件

   **注意：这时创建的项目包是没有scss的需要手动下载** 

  npm install sass sass-loader -D