构建VUE 2.0脚手架

构建VUE 2.0脚手架

一.安装node

1.【Win + R】键，输入cmd，打开命令行

输入node -v 和 npm -v 查看是否安装

没有的话去node.js官网 https://nodejs.org/en/download/ ，根据电脑系统选择相应的安装

2.安装淘宝镜像，加快下载速度

使用命令： npm install -g cnpm –registry=https://registry.npm.taobao.org

使用cnpm -v查看是否安装成功

二.搭建vue项目环境

1.使用npm（需要安装node环境）全局安装webpack

使用命令： npm install webpack webpack-cli -g

安装完成后输入    webpack -v  检查是否安装成功

2.全局安装vue-cli

使用命令：npm install --global vue-cli

安装完成后输入   vue -V  检查是否安装成功（ps：V是大写的）

3.创建一个vue的项目

①在自己想要的路径下创建一个文件夹

②在命令行里打开这个文件夹 

使用命令：cd 文件夹路径

③在这个文件夹里创建自己的vue项目

使用命令：vue init webpack 项目名 （ps：项目名不能大写，不能中文）

④接下来就是一路回车，默认yes，只有在第二个问题Author这里 ，看自己想不想写个署名，不然都是一路回车，后面就慢慢等待。

⑤构建成功后，运行一下

使用命令：cd 项目名（小编这里项目名是client）

                  npm run dev

打开浏览器输入localhost:8080，访问到界面就说明搭建成功