vue3（一）项目搭建_vue3项目构建-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_56527169/article/details/130552610

本文介绍了创建Vue3项目的过程，包括环境准备，要求Node.js版本16.0以上，使用vue-cli4.5.15。在项目初始化时，可以选择添加TypeScript、VueRouter、Pinia、Vitest、Cypress、ESLint和Prettier等工具。遇到警告时，需将Vetur替换为volar插件以支持Vue3的语法和类型推导。完成这些步骤后，项目即可正常运行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.环境准备，安装node需要node.js16.0版本以上

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

2.命令行运行npm init vue@latest+项目名会出现如下，选择我们需要安装的东西

 ✔ Project name: … usdeals  ---->  //项目名称
 ✔ 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 usdeals    ----->进入项目
   npm install    ---->下载依赖
  npm run dev 	   ----->启动文件

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

  npm install sass sass-loader -D

跑起项目以后，发现一堆警告