这篇文章的官网的吓你地址
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方式
最新稳定版本
$ bower install vue
12、**AMD **模块加载器
独立下载版本或通过 Bower 安装的版本已用 UMD 包装,因此它们可以直接用作 AMD 模块。
ps:
1) bower 应该少用,都是使用npm的方式;
2)在使用vue-cli 创建项目的过程中出现了一些问题;
(1)从显示的信息出来好像是npm和node不匹配
(2)运行的时候打开了localhost:8080 默认的网址时候又自动关闭了;所以,应该是端口占用。由于以前我安装了以前安装了Jenkins ,这占用了端口(如果出现了这个问题可以查看这个端口是否被占用了);
jenkins卸载方法:http://www.cnblogs.com/ihojin/p/mac-uninstall-jenkins.html