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怎么下載安裝”文章已經介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會，如果想了解更多相關內容的文章，歡迎關注億速云行業資訊頻道。