如何创建Vue3项目

一  使用 vue cli创建

1 首先需要保证vue-cli版本在4.5.0往上 在终端执行命令 vue -V查看版本

2 如果低于 4.5.0 执行 npm install -g @vue/cli 升级版本

3 创建项目 执行 vue create 项目名,然后选择vue3选项

如何创建Vue3项目_第1张图片

执行结果

如何创建Vue3项目_第2张图片

4 进入项目文件夹 执行npm run serve 运行项目

如何创建Vue3项目_第3张图片

 二  使用vite 创建

什么是vite  新一代前端构建工具

优势:

        开发环境中  无需打包 可以快速的冷启动

        轻量快速热重载

        按需编译

详细参见 vite 官网 :https://vitejs.cn

创建步骤:

1 创建项目  执行 npm init vite-app 项目名

如何创建Vue3项目_第4张图片

2 进入项目文件夹

3 安装依赖  执行  npm install

4 运行 执行 npm run dev 

如何创建Vue3项目_第5张图片

你可能感兴趣的:(笔记,vue,vue.js,前端)