vue项目构建--使用vue-cli构建项目

原文：https://www.toutiao.com/i6591449136870982148/

 

1、安装node.js（可以直接到中文官网http://nodejs.cn/下载安装包）

2、推荐使用国内镜像来安装；设置 cnpm：npm install -g cnpm -- registry=https://registry.npm.taobao.org（如果安装失败，可以使用 npm cache clean 清理缓存，然后再重新安装。）

3、使用 cnpm 安装 vue-cli 和 webpack

命令：cnpm install -g vue-cli；

也可以用官方的：npm install -g vue-cli

4、进入命令提示界面，然后进入要存放项目的路径，

创建vue项目：vue init webpack 文件夹名称

例：vue init webpack my-project

5、命令提示界面进入创建的文件夹名称：cd my-project

6、运行命令：npm install

7、以上项目构建完成，输入命令运行vue项目：npm run dev

运行成功

前台界面