0. 概述

Vue.js（读音 /vjuː/, 类似于 view）是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它不仅易于上手，还便于与第三方库或既有项目整合。
本文介绍下vue的三种安装方式。

1. 离线方式

我们可以在Vue.js的官网上直接下载vue.js,并在<script>标签中引用。

• development version
• product version

官网：https://cn.vuejs.org/
官网文档：https://cn.vuejs.org/v2/guide

2. CDN方式

• BootCDN（国内） : https://cdn.bootcss.com/vue/2.2.2/vue.min.js （国内不稳定）
• unpkg：https://unpkg.com/vue/dist/vue.js, 会保持和 npm 发布的最新的版本一致（推荐使用）
• cdnjs : https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js

引入script，例如

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js"></script>

3. npm方式

在用Vue.js构建大型应用的时候推荐使用NPM安装方法，NPM能很好的和诸如Webpack或者Browserify模块打包器配合使用。Vue.js 也提供配套工具来开发单文件组件。

• node.js环境（包含npm包管理器）

# 安装nvm依赖
sudo apt-get update  
sudo apt-get install build-essential libssl-dev  
# curl 或 wget, 两者选择其一即可
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.31.4/install.sh | bash  
wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.31.4/install.sh | bash  

# 安装node６
nvm install 6
node -v

• npm包管理器，是集成在node中的，所以安装了node也就有了npm

• cnpm npm的淘宝镜像

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

• vue-cli 脚手架构建工具

npm install -g vue-cli 

• 初始化一个vue项目

vue init webpack firstApp

＃ rebuild
rm -rf node_modules
npm i
npm run build

# 测试的时候，先启动后端，再启动前端
npm start

4. 参考

• vue.js 三种方式安装
  https://blog.csdn.net/m0_37479246/article/details/78836686
• ubuntu上安装并使用nvm管理node版本
  https://blog.csdn.net/shidaping/article/details/52218278