vue 的安装 ~ 之官网内容

作者: helinyu | 来源:发表于2017-02-17 00:42 被阅读169次

VUX的安装
2、Vue_快速入门
【基础】Vue安装
Vue-cli
VUE + iView 干活记录
vue-安装vue
vue-element-admin登录验证使用
vue.js搭建
vue-awesome-swiper插件入门使用
vue-lazyload实现图片懒加载

这篇文章的官网的吓你地址
http://cn.vuejs.org/v2/guide/installation.html

1 、兼容性
不支持 IE8 及其以下版本，也就是vue必须是使用ie9 以及以上的ie版本和兼容 ECMAScript 5 的浏览器。

支持浏览器的截图

2、vue的更新日志见github

3、直接下载并用 <script> 标签引入，Vue 会被注册为一个全局变量。（建议开发使用开发版本）
【也就是有一个开发版本【可以产生警告调试等等信息】和生产版本（min）】

4、CDN (推荐使用的vue.js 的文件)
推荐：unpkg, 会保持和 npm 发布的最新的版本一致。可以在 unpkg.com/vue/ 浏览 npm 包资源。
也可以从 jsdelivr 或 cdnjs 获取，不过这两个服务版本更新可能略滞后。

5、NPM
构建大型应用使用NPM， NPM+ webpack/ browserify 模块打包配合使用。
Vue.js 也提供配套工具来开发单文件组件。（单文件组件的方式）

6、最新稳定版
$ npm install vue

7、独立构建 VS 运行时构建（两种构建方式）
区别：前者包含模板编译器后者不包含编译器

模板编译器用于：编译Vue模板字符串成纯JavaScript渲染函数，入股ONI想用template选项，需要编译；
也就是将template 编译成为 html+ css+ javascript （上面已经了解过)
http://www.jianshu.com/p/8b42f9572aae
这里面有个图可以看到；

（1）独立构建包含模板编译器支持template选项。
（它也依赖“‘浏览器’的接口的存在”，所以你不能使用它来为服务端渲染。）

（2）运行时构建不包含模板编译器。
因此不支持template选项，只能用render选项；
但即使使用运行时构建，在单文件中也依然可以写模板，因为单文件组建的模板会在构建时预编译为render函数。运行时构建比单独编译会轻30%;

默认的NPM包导出的是运行时构建；
未使用独立构建，在webpack配置中添加下面别名；
resolve: {
alias: {
'vue$': 'vue/dist/vue.common.js'
}
}
对于Browserify，可以添加一个别名到** package.json **中：
"browser": {
"vue": "vue/dist/vue.common"
},
这样子区别名有什么作用？？？？？？

为什么没有直接告诉我们构建一个webpack项目的方法呢？？？？？

8、CSP环境（ Google Chrome Apps ）

如 Google Chrome Apps【特殊环境】，强制应用内容安全策略 (CSP) ，不能使用 new Function() 对表达式求值。这时可以用 CSP 兼容版本。独立的构建取决于该功能编译模板，所以无法使用这些环境。
另一方面，运行时构建的是完全兼容 CSP 的。当通过 Webpack + vue-loader 或者 Browserify + vueify 构建时，在 CSP 环境中模板将被完美预编译到 render 函数中。
（这里面有点不是很理解）
http://cn.vuejs.org/v2/guide/installation.html#CSP-环境就是这里

9、命令行工具
vue.js 提供一个官方工具(vue-ci)[https://github.com/vuejs/vue-cli]
这个工具快速搭建大型的单页应用，【http://cn.vuejs.org/v2/guide/installation.html#命令行工具现在这个页面就是的单页面应用】
提供了：开箱即用的构建工具配置；现代的前端开发流程
只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目；

简单创建项目步骤

显示过程

给出了提示，创建的使用了vue 2.x ，如果要使用1版本的要标明
在使用这个脚手架进行创建的过程中，会有对应的人日欧诺个进行选择；

默认创建的文件

对于大陆用户，建议将 npm 的注册表源设置为国内的镜像，可以大幅提升安装速度。
设置国内镜像：http://riny.net/2014/cnpm/

10、开发版本
重要: Github 仓库的 /dist 文件夹只有在新版本发布时才会更新。如果想要使用 Github 上 Vue 最新的源码，你需要自己构建。
git clone https://github.com/vuejs/vue.git node_modules/vue
cd node_modules/vue
npm install
npm run build

11、Bower方式