一 使用 vue cli创建
1 首先需要保证vue-cli版本在4.5.0往上 在终端执行命令 vue -V查看版本
2 如果低于 4.5.0 执行 npm install -g @vue/cli 升级版本
3 创建项目 执行 vue create 项目名,然后选择vue3选项
执行结果
4 进入项目文件夹 执行npm run serve 运行项目
二 使用vite 创建
什么是vite 新一代前端构建工具
优势:
开发环境中 无需打包 可以快速的冷启动
轻量快速热重载
按需编译
详细参见 vite 官网 :https://vitejs.cn
创建步骤:
1 创建项目 执行 npm init vite-app 项目名
2 进入项目文件夹
3 安装依赖 执行 npm install
4 运行 执行 npm run dev