使用vue-cli做vue项目
时间: 2023-12-12 11:02:22 浏览: 115
Vue使用vue-cli创建项目
Vue CLI 是 Vue.js 官方提供的一个脚手架工具,它可以帮助开发者快速搭建一个基于 Vue.js 的项目,并且内置了很多实用的插件和工具,可以大大提高开发效率。
以下是使用 Vue CLI 创建一个 Vue.js 项目的步骤:
1. 安装 Node.js 和 npm。
2. 执行以下命令安装 Vue CLI:
```
npm install -g @vue/cli
```
3. 创建一个新的 Vue.js 项目:
```
vue create my-project
```
其中 `my-project` 是项目名称,可以自定义。
4. 在创建项目的过程中,可以选择使用哪些插件和工具,也可以选择 `Manually select features` 手动选择。
5. 项目创建完成后,可以进入项目目录并启动开发服务器:
```
cd my-project
npm run serve
```
6. 在浏览器中访问 http://localhost:8080 就可以看到 Vue.js 项目了。
除了以上步骤,Vue CLI 还提供了很多实用的命令和工具,可以帮助我们更方便地开发和打包 Vue.js 项目。
阅读全文