安装vue.js的方法：1、在Vue.js的官网上直接下载vue.min.js并用标签引入；2、使用CDN方法来安装vue.js；3、使用淘宝的镜像及其命令cnpm来安装vue.js。
本教程操作环境：windows7系统、vue2.0版，该方法适用于所有品牌电脑。
相关推荐：《vue.js教程》
Vue.js 安装
1、独立版本
立即学习“前端免费学习笔记（深入）”；
我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 标签引入。
下载地址：https://vuejs.org/js/vue.min.js
2、使用 CDN 方法
以下推荐国外比较稳定的两个 CDN，国内还没发现哪一家比较好，目前还是建议下载到本地。
Staticfile CDN（国内） : https://cdn.staticfile.org/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
Staticfile CDN（国内）
nbsp;html>new Vue({ el: '#app', data: { message: 'Hello Vue.js!' }})unpkg（推荐）nbsp;html>{{ message }}
new Vue({ el: '#app', data: { message: 'Hello Vue.js!' }})cdnjsnbsp;html>{{ message }}
new Vue({ el: '#app', data: { message: 'Hello Vue.js!' }}){{ message }}
登录后复制
3、NPM 方法
由于 npm 安装速度慢，本教程使用了淘宝的镜像及其命令 cnpm，安装使用介绍参照：使用淘宝 NPM 镜像。
npm 版本需要大于 3.0，如果低于此版本需要升级它：
# 查看版本$ npm -v2.3.0#升级 npmcnpm install npm -g# 升级或安装 cnpmnpm install cnpm -g
登录后复制
在用 Vue.js 构建大型应用时推荐使用 NPM 安装：
# 最新稳定版$ cnpm install vue
登录后复制
命令行工具
Vue.js 提供一个官方命令行工具，可用于快速搭建大型单页应用。
# 全局安装 vue-cli$ cnpm install --global vue-cli# 创建一个基于 webpack 模板的新项目$ vue init webpack my-project# 这里需要进行一些配置，默认回车即可This will install Vue 2.x version of the template.For Vue 1.x use: vue init webpack#1.0 my-project? Project name my-project? Project description A Vue.js project? Author runoob ? Vue build standalone? Use ESLint to lint your code? Yes? Pick an ESLint preset Standard? Setup unit tests with Karma + Mocha? Yes? Setup e2e tests with Nightwatch? Yes vue-cli · Generated "my-project". To get started: cd my-project npm install npm run dev Documentation can be found at https://vuejs-templates.github.io/webpack
登录后复制
进入项目，安装并运行：
$ cd my-project$ cnpm install$ cnpm run dev DONE Compiled successfully in 4388ms > Listening at http://localhost:8080
登录后复制
成功执行以上命令后访问 http://localhost:8080/，输出结果如下所示：
注意：Vue.js 不支持 IE8 及其以下 IE 版本。
以上就是怎样安装vue.js的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/3021045.html
