Vue.js三种安装方式和npm安装步骤

这几个月一直在做小程序项目，在大学自学的的Vue在公司还没怎么用过，趁着这几天公司事比较少，就从头过一遍Vue.js，接下来这篇文章主要说的是Vue安装的三种方式及基于npm安装脚手架的步骤说明！！！
安装的3种方式：
1.script
直接通过script加载CDN文件
例如：<script src = "http://webapp.com/static/webapp/shield/z/vue/vue/1.0.24/vue.min.js"
2.npm
如果项目基于npm管理依赖，则使用npm安装方式，执行命令如下：

  $ npm i vue --save-dev

3.bower
如果项目基于bower管理依赖，则使用bower安装方式，执行命令如下：

  $ npm i bower --save-dev

使用npm安装的步骤
现在的项目大都是使用npm包管理器的，所以就只举个npm安装的过程：
1.先在本地安装完node.js
window+r打开cmd窗口检测是否安装成功

  node -v
  
  npm -v

2.全局安装脚手架工具（vue-cli）

npm install --global vue-cli

3.vue项目初始化命令，若没有安装webpack，先安装webpack

npm install -g webpack

vue init webpack  工程项目名称

注意:安装过程中会有一项是Use EsLint to lint your code?要选择NO（原因是如果选择YES会出现代码要求很严格，不利于开发效率，如果觉得自己代码很规划也可以选择YES）

4.进入自己起的工程项目下使用npm install安装package.json包中的依赖

 cd  工程项目
 npm install

5.输入npm run dev或npm start启动项目