vue.js下载安装方法

Vue.js 是目前最火热的前端框架之一，学习了它能找到不少好工作，本篇聊聊如何安装 Vue.js。

一、CDN

我们可以通过 CDN 直接引入，你可以选择引入开发环境版本还是生产环境版本

<!--开发环境版本,包含了有帮助的命令行警告-->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

<!--生产环境版本,优化了尺寸和速度-->
<script src="https://cdn.jsdelivr.net/npm/vue"></script>

二、下载和引入

开发环境：

https://vuejs.org/js/vue.js

生产环境：

https://vuejs.org/js/vue.min.js

三、NPM

npm 则需要大于 3.0 版本，低版本需要升级：

#查看版本
$npm -v
2.3.0
#升级 npm
cnpm install npm -g
#升级或安装cnpm
npm install cnpm -g

我们在使用 Vue 去构建大型框架时就会推荐 NPM ：

# 最新稳定版
$ cnpm install vue

命令行工具：

#全局安装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 <test@runoob.com>
? 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:838e

以上就是小编为您整理的 vue.js下载安装方法全部内容。