在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 教程/ HTML/ VueJS環(huán)境設置
VueJS渲染
VueJS事件
VueJS與其他框架比較
VueJS過渡和動畫
VueJS指令
VueJS模板
VueJS簡介
VueJS實例
VueJS混合
VueJS計算屬性
VueJS組件
VueJS入門程序
VueJS路由
VueJS環(huán)境設置
VueJS渲染函數
VueJS教程
VueJS watch屬性
VueJS Reactive接口
VueJS數據綁定
VueJS應用示例

VueJS環(huán)境設置

有很多方法來安裝VueJS。 以下將討論如何進行安裝的一些方法。

1. 使用 script 標簽

這是一種比較簡單的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ā)版本將有助于警告和調試模式。

2. 使用CDN

也可以從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 )。

3. 使用NPM

對于使用VueJS的大規(guī)模應用程序,建議使用npm軟件包進行安裝。它提供了Browserify和Webpack以及其他必要的工具,可以幫助開發(fā)。 以下是使用npm進行安裝的命令。

npm  install vue

4. 使用CLI命令行

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在瀏覽器中顯示,如下圖所示。


上一篇:VueJS組件下一篇:VueJS模板