淘先锋技术网

首页 1 2 3 4 5 6 7

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 就可以看到项目效果了。