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
运行成功
前台界面