方式一: vue-cli
//查看@vue/cli版本,确保@vue/cli版本在4.5.0以上
vue --version
//安装或升级你的@vue/cli
npm install -g @vue/cli
//创建
vue create vue_test
//启动
cd vue_test
npm run serve
方式二: vite
- 什么是vite?——新一代前端构建工具(以前是webpack)
- 优势如下:
开发环境中,无需打包操作,可快速的冷启动。
轻量快速的热重载(HMR)。
真正的按需编译,不再等待整个应用编译完成。 - 传统构建与vite构建对比图
传统(webpack)是一次准备好,vite是用到哪个就解析哪个
//创建工程
npm init vite-app <project-name>
//进入工程目录
cd <project-name>
//安装依赖
npm install
//运行
npm run dev
需要注意的是 vue-cli 创建项目时(vue create vue_test)就已经把依赖也安装好了。而 vite 需要单独安装依赖(npm install)