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,提升开发体验