有很多方法來安裝VueJS。 以下將討論如何進行安裝的一些方法。
這是一種比較簡單的VueJS安裝方便,只需要像引入其它.js 文件那樣引入vuejs,參考以下代碼 -
<html>
<head>
<script type = "text/javascript" src = "vue.min.js"></script>
</head>
<body></body>
</html>
注:
vue.min.js需要先下載到本地目錄下。
在瀏覽器中打開VueJS的主頁:http://vuejs.org/v2/guide/installation.html 并根據需要下載vue.js。目前有兩個版本可以使用:生產版本和開發(fā)版本。 開發(fā)版本不是最小化,而生產版本是最小化,如下面的截圖所示。 在項目開發(fā)過程中,開發(fā)版本將有助于警告和調試模式。
也可以從CDN庫開始使用VueJS文件。 鏈接: http://unpkg.com/vue - 有提供最新版本的VueJS。VueJS也可以在jsDelivr( http://cdn.jsdelivr.net/npm/vue/dist/vue.js )和cdnjs( http://cdnjs.cloudflare.com/ajax/libs/vue/2.4.0/vue.js )。
對于使用VueJS的大規(guī)模應用程序,建議使用npm軟件包進行安裝。它提供了Browserify和Webpack以及其他必要的工具,可以幫助開發(fā)。 以下是使用npm進行安裝的命令。
npm install vue
VueJS還提供CLI來安裝vue并開始服務器激活。 要使用CLI進行安裝,需要安裝使用以下命令完成的CLI。
npm install --global vue-cli

完成后,將顯示VueJS的CLI版本。安裝需要幾分鐘的時間。
+ vue-cli@2.8.2
added 965 packages in 355.414s
以下是使用Webpack創(chuàng)建項目的命令。
vue init webpack myproject

要開始使用,請使用以下命令。
cd myproject
npm install
npm run dev


當執(zhí)行了npm run dev,它就會啟動服務器,并提供顯示的URL在瀏覽器中顯示,如下圖所示。
