vue.js怎么下載安裝

本文小編為大家詳細(xì)介紹“vue.js怎么下載安裝”，內(nèi)容詳細(xì)，步驟清晰，細(xì)節(jié)處理妥當(dāng)，希望這篇“vue.js怎么下載安裝”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來(lái)學(xué)習(xí)新知識(shí)吧。

一、CDN

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

<!--開(kāi)發(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>

二、下載和引入

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

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

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

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

三、NPM

npm 則需要大于 3.0 版本，低版本需要升級(jí)：

#查看版本
$npm -v
2.3.0
#升級(jí) npm
cnpm install npm -g
#升級(jí)或安裝cnpm
npm install cnpm -g

我們?cè)谑褂?Vue 去構(gòu)建大型框架時(shí)就會(huì)推薦 NPM ：

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

命令行工具：

#全局安裝vue-cli
$cnpm install --global vue-cli
#創(chuàng)建一個(gè)基于webpack 模板的新項(xiàng)目
$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)入該項(xiàng)目安裝然后運(yùn)行：

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

讀到這里，這篇“vue.js怎么下載安裝”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識(shí)點(diǎn)還需要大家自己動(dòng)手實(shí)踐使用過(guò)才能領(lǐng)會(huì)，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注億速云行業(yè)資訊頻道。