vue.js下載安裝方法

Vue.js 是目前最火熱的前端框架之一，學(xué)習(xí)了它能找到不少好工作，本篇聊聊如何安裝 Vue.js。

一、CDN

我們可以通過 CDN 直接引入，你可以選擇引入開發(fā)環(huán)境版本還是生產(chǎn)環(huán)境版本

<!--開發(fā)環(huán)境版本,包含了有幫助的命令行警告-->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

<!--生產(chǎn)環(huán)境版本,優(yōu)化了尺寸和速度-->
<script src="https://cdn.jsdelivr.net/npm/vue"></script>

二、下載和引入

開發(fā)環(huán)境：

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

生產(chǎn)環(huán)境：

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 去構(gòu)建大型框架時就會推薦 NPM ：

# 最新穩(wěn)定版
$ cnpm install vue

命令行工具：

#全局安裝vue-cli
$cnpm install --global vue-cli
#創(chuàng)建一個基于webpack 模板的新項目
$vue init webpack my-project
#這里需要進(jìn)行一些配置﹐默認(rèn)回車即可
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

我們進(jìn)入該項目安裝然后運行：

$cd my-project
$cnpm install
cnpm run dev
DONE Compiled successfully in 4388ms
>Listening at http://localhost:838e

以上就是小編為您整理的 vue.js下載安裝方法全部內(nèi)容。