vue -- vue安装

vue官方中文文档

一、CDN模式

创建一个html文件，引入vue的CDN文件，即可使用vue了

<!-- 开发版本，包含有用的控制台警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

或：

<!-- 生成版本，对于体积和速度进行优化 -->
<script src="https://cdn.jsdelivr.net/npm/vue"></script>

二、JS文件模式

开发环境版本
生产环境版本

三、NPM安装

// 稳定版本
npm install vue -g

// 版本查看
vue -V

修改NPM镜像源：
参考文献

临时淘宝镜像

npm --registry https://registry.npm.taobao.org install express

#### 永久淘宝镜像
```js
npm config set registry https://registry.npm.taobao.org
// 配置后可通过下面方式来验证是否成功
npm config get registry
// 或者
npm info express

使用cnpm

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

vue里面所有的内容都是在html文件里面构建，以后vue文件会在vue-cli里面

初始化项目

<div id="app"></div>

核心代码：

let app = new Vue({
    el: '#app',
    data: {
        message: 'Hello World'
    }
})