vue-cli（脚手架）搭建项目

在使用vue之前相信你肯定已经安装过node环境了（版本不能过低），然后我们开始安装vue-cli

一、安装全局的 vue-cli （我安装在E盘）

npm install vue-cli -g

如果npm 慢的话安装cnpm （淘宝镜像）

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

查看是否安装成功 (npm 怎么用 cnpm 就如何用)

cnpm -v

cnpm install vue-cli -g

查看vue是否安装成功（ V  大写）

vue -V

二、生成项目

1、创建项目文件夹（如果有可以不用创建，据个人情况而定）

md vue

需要在命令行中进入到项目目录

cd vue

2、运行 vue init webpack vue-demo   (vue-demo 为自定义的项目名称,会在当前目录生成一个以该名称命名的项目文件夹)（下载完成后会自带wepack文件）

   进入项目文件夹

cd vue-demo

启动项目

npm run dev

三、打包上线(项目文件都放到 src 文件夹下)

项目开发完成之后，可以输入 npm run build 来进行打包工作

npm run build

打包完成后，会生成 dist 文件夹，可以直接打开本地文件查看

项目上线时，将 dist 文件夹放到服务器,OK。