安装vue/cli创建vue3项目
时间: 2024-12-27 22:27:44 浏览: 9
### 安装 Vue CLI 并创建 Vue 3 项目
为了简化配置并跳过从 ES6 到 ES5 的编译过程,可以使用 Vue CLI 工具来快速启动开发环境[^1]。
#### 安装 Vue CLI
如果尚未安装 Vue CLI,则可以通过执行以下命令来进行全局安装:
```bash
npm install -g @vue/cli
```
这条命令会下载并安装最新版本的 Vue CLI工具到系统的环境中[^2]。
#### 创建新的 Vue 3 项目
一旦 Vue CLI 成功安装完毕之后,就可以通过下面的方式创建一个新的基于 Vue 3 的应用程序:
```bash
vue create my-vue-app
```
这将会引导用户进入交互式的设置流程,在这里可以选择预设选项或是手动挑选特性。对于希望直接采用默认配置的情况来说,只需输入 `my-vue-app` 后按回车键即可继续,默认情况下会选择适合大多数场景的基础模板。
在初始化过程中,CLI 可能还会询问是否要为新应用选择特定的功能模块(如路由、Vuex状态管理库等),以及指定测试框架和其他构建工具的选择。根据实际需求做出相应选择即可。
完成上述操作后,Vue CLI 将自动处理项目的搭建工作,并最终提示成功创建了一个全新的 Vue 3 应用程序实例。
#### 运行本地服务器
当一切准备就绪时,进入到刚刚创建的应用目录下并通过如下指令开启本地开发服务器:
```bash
cd my-vue-app
npm run serve
```
此时应该能够在浏览器中访问 http://localhost:8080 查看正在运行的新建 Vue 3 应用了。
阅读全文