如何快速创建一个Vue项目

前端小天才

已于 2024-02-04 08:48:16 修改

阅读量257

点赞数 4

文章标签： vue.js 前端 javascript

于 2024-01-31 11:49:45 首次发布

本文链接：https://blog.csdn.net/2301_76796512/article/details/135950226

版权

本文详细介绍了如何通过Node.js和VueCLI快速创建一个Vue项目，包括安装VueCLI、创建项目、配置选项和启动开发服务器的过程。

摘要由CSDN通过智能技术生成

要快速创建一个 Vue 项目，可以按照以下步骤进行操作：

首先确保已经安装了 Node.js。在命令行中输入 node -v 来查看当前的 Node.js 版本。若未安装，则需要去官网（https://nodejs.org/）下载并安装最新版本。
打开命令行工具，使用 npm（Node Package Manager）全局安装 Vue CLI(https://cli.vuejs.org/zh/)。在命令行中运行以下命令：
```
npm install -g @vue/cli
```
这将会自动下载并安装 Vue CLI。
完成上述步骤后，就可以通过 Vue CLI 创建一个新的 Vue 项目了。在命令行中运行以下命令：
```
vue create my-project
```
其中 “my-project” 为你想要创建的项目名称，可以根据自己的喜好修改。
接下来，Vue CLI 会提示选择一些配置选项，比如包管理器、特性等。你可以直接按 Enter 键选择默认设置或者手动选择所需的配置。
用vue-cli创建了vue3项目，那你打包的话，也是vue-cli（webpack）
创建完成后，进入到项目文件夹中：
```
cd my-project
```
然后，运行以下命令来启动开发服务器：
```
npm run serve
```
现在，你可以在浏览器中访问 http://localhost:8080 (默认地址) 来查看你的 Vue 应用程序了！

关注