您现在的位置是：首页 >技术杂谈 >Vue 3（Vue CLI 创建vue3项目）网站首页技术杂谈

要创建一个Vue 3项目，需要先安装Node.js和Vue CLI。步骤如下：

1. 安装Node.js：从Node.js官网下载安装包，安装过程中一直按照默认选项即可。（可以参考博主这篇文章配置node环境）

2. 安装Vue CLI：在命令行中执行以下命令来安装Vue CLI：

npm install -g @vue/cli

3. 创建一个新项目：在命令行中进入要创建项目的目录，执行以下命令来创建一个新项目：

vue create my-project

其中，my-project是项目名称，可以替换成你自己的项目名称。

4. 选择Vue 3：在创建项目时，会提示选择一个预设。选择默认的“Default (Vue 3)”预设即可；或者选择手动安装“Manually select features”。

5. 如选择手动安装可以把自己需要的功能都加进去：

1.Choose Vue version （选择Vue版本）
2.Babel
3.TypeScript （ts）
4.Progressive Web App (PWA) support （pwa支持）
5.Router
6.Vuex
7.CSS Pre-processors （css预处理器）
8.Linter / Formatter （eslint）
9.Unit Testing （单元测试）
10.E2E Testing （端对端测试）

（“键盘↓”表示选择下一项，“空格键”表示选中，“enter键”进入下一步）

7. 运行项目：在项目目录中执行以下命令来运行项目：

cd my-project
npm run serve

6. 打开浏览器：在浏览器中打开http://localhost:8080，即可看到项目运行的效果。

现在你已经成功创建并运行了一个基于Vue 3的项目。接下来，你可以修改代码、添加新功能，让它变得更加完善。