前端Vue
Source
Edit
History

01-通过vue-cli构建项目

Catalogue
  1. 1. 1. node.js和npm环境安装
  2. 2. 2. 安装cnpm淘宝镜像
  3. 3. 3. 安装Vue脚手架
  4. 4. 4. 构架项目
  5. 5. 5. 出现提示运行命令，就说明已经构建成功了
  6. 6. 6. 安装依赖
  7. 7. 7. 最后运行
  8. 8. 8. 打开浏览器

1. node.js和npm环境安装

2. 安装cnpm淘宝镜像

1
npm install -g cnpm --registry=https://registry.npm.taobao.org

3. 安装Vue脚手架

1
2
3
cnpm install -g webpack

cnpm install -g vue-cli

4. 构架项目

1
2
// fuyi-ui为项目名
vue init webpack fuyi-ui

然后根据自己需求，选择相应功能。

5. 出现提示运行命令，就说明已经构建成功了

1
2
3
npm install ：安装所需要的依赖；
npm run dev ：以开发模式启动项目；
npm run build ：以生产模式生成静态页面文件。

6. 安装依赖

1
2
cd fuyi-ui
cnpm install

7. 最后运行

1
npm run dev

8. 打开浏览器

访问http://localhost:8080，出现大大的“V”字就说明项目已经构建完毕了。