1、方式一
脚手架: vue-cli
介绍
vue-cli是一个全局安装的npm包,提供了终端里的vue命令,可以快速搭建一个新的vue项目
可以通过vue ui命令 打开一套图形化界面管理项目
安装脚手架:
npm install -g @vue/cli
或者
yarn global add @vue/cli
创建项目
vue create vue3-project
默认配置
选择vue3版本
自定义配置(Manually select features):看自己需求 选择安装
◉ Babel
◯ TypeScript
◯ Progressive Web App (PWA) Support
◉ Router
◉ Vuex
◉ CSS Pre-processors
◉ Linter / Formatter
◯ Unit Testing
◯ E2E Testing
cd vue3-project
npm run serve
项目创建好了之后想要增加依赖
方式1. 在项目目录下使用npm等工具直接安装指定的依赖
方式2. 在项目的package.json文件中添加想要安装的依赖配置 然后在项目目录下执行
npm i
2、方式二
脚手架: Vite
npm init vite vue3-project-vite -- --template vue
✔ Select a framework: › vue
✔ Select a variant: › vuecd vue3-project-vite
npm install
npm run dev