Vue CLI 是一个基于 Vue.js 的快速开发工具,它提供了脚手架、插件、webpack 等常用功能的集成,帮助我们快速搭建项目。以下是使用 Vue CLI 创建项目的步骤:
1. 安装 Node.js
首先,我们需要去 Node.js 官网下载最新的安装包,然后安装 node 和 npm。
2. 安装 Vue CLI
我们可以使用 npm 或者 yarn 安装 Vue CLI,命令如下:
npm i -g vue-cli // npm 安装
yarn global add vue-cli // yarn 安装
3. 创建项目
命令行输入以下命令来创建项目:
vue create
这里,我们以 "vue-demo" 为例子创建一个新的项目:
vue create vue-demo
4. 选择预设配置
创建项目时,Vue CLI 会让我们选择预设的配置。
default (babel, eslint):采用 Babel 和 ESLint 的基础配置
Manually select features:手动选择配置
这里我们选择 default 配置,按下回车即可。
5. 安装依赖
等待预设配置完成后,我们需要进入项目目录,安装项目依赖包:
cd vue-demo
npm install // npm 安装
yarn // yarn 安装
6. 启动项目
依赖安装完成后,我们可以运行以下命令来启动项目:
npm run serve // npm 启动
yarn serve // yarn 启动
然后在浏览器中输入 http://localhost:8080 就可以看到项目效果了。