vue-cli 脚手架的搭建

1、安装node环境（ NODE官网：https://nodejs.org/en/download/ ）

node -- 版本

安装NODE会自动安装NPM

npm --  版本

2、安装vue脚手架工具

1）使用npm安装vue-cli：   npm  install  vue-cli  -g      [全局安装]

报错：npm WARN deprecated coffee-script@1.12.7: CoffeeScriptonNPM has movedto"coffeescript"(no hyphen)

【仅为控制台提示，不影响安装，可采用 cnpm安装，速度较快】

2）准备工作已完成，初始化webpack项目

命令：vue   init   webpack   projectName    [项目名称]

webpack  项目初始化

3) 安装项目依赖包：

命令： npm   install

4) 安装vue路由模块 vue-router 和网络请求模块 vue-resource（axios）

命令：npm   install   vue-router   axios   --save

5) 启动项目：

命令：npm   run   dev

Vue  --  项目结构

淘宝镜像安装：

(1)  开始 - 运行 -  cmd，

(2)  输入:"  npm install -g cnpm --registry=https://registry.npm.taobao.org  "确定安装  cnpm

（前提电脑中安装好了node.js），然后便可使用  cnpm install -g 'name'   可进行全局安装。 使用cnpm来安装的方便在于比npm安装速度更快（相对国内而言）

4、vue-cli3+快速搭建Vue项目

(1)    全局安装vue-cli3+的脚手架        命令：npm install -g  @vue/cli   （vue3+开始改变为这样的安装方式）

(2)    创建vue工程        命令：vue  create vue-pro 

(3)    默认已经安装部分依赖包

(4)    启动工程        命令：npm run serve

(5)    打包工程        命令：npm run build