vue3项目创建

npm init vite

一、使用vue-cli创建项目

底层webpack,创建vue项目 

vue create 项目名

npm run serve

二、使用vite创建项目

底层使用vite创建的vue项目

npm init vite

vue3比较推荐vite，今天主要说下vite创建方式

创建命令：

npm create vue@3   //按下面的步骤完成脚本架创建

或

npm init  vue@3

按下面的步骤，或根据自己的需要完成脚手架创建：

✔ Project name: … vue3_admin //项目名
✔ Add TypeScript? … No / Yes   //是否添加TS
✔ Add JSX Support? … No / Yes   //是否添加JSX,一般React中语法
✔ Add Vue Router for Single Page Application development? … No / Yes  //是否添加路由
✔ Add Pinia for state management? … No / Yes   //是否添加pinia 集中管理工具
✔ Add Vitest for Unit Testing? … No / Yes   //是否添加单元测试
✔ Add an End-to-End Testing Solution? › No  //是否添加端到端测试
✔ Add ESLint for code quality? … No / Yes   //是否添加ESLint代码检验工具  yes
✔ Add Prettier for code formatting? … No / Yes   //是否添加Perttier代码格式工具

切换到项目文件夹

 //vue3_admin 
 cd vue3_admin
 

安装依赖

 npm install

启动项目

npm run dev

小结

安装注意事项：

注意node版本 16+ 推荐18

node -v
v18.12.1

vue -V
@vue/cli 5.0.8

 如果安装依赖时，网络特别慢，要安装淘宝镜像

npm config set registry https://registry.npm.taobao.org

查看是否安装淘宝镜像
npm config list

安装volar，提升开发体验