1. 程式人生 > 其它 >VUE系列(1) 安裝和使用

VUE系列(1) 安裝和使用

------------恢復內容開始------------

  vue的安裝方式有兩種:

  1.   一種是直接下載Vue js檔案並用<script>標籤引入,Vue會被註冊為一個全域性變數
    1.   開發版本:https://cn.vuejs.org/js/vue.js
    2.   生產版本:https://cn.vuejs.org/js/vue.min.js 對於生產環境,我們推薦連結到一個明確的版本號和構建檔案,以避免新版本造成的不可預期的破壞:<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>

        當然一般情況我們是不會使用這種方式去使用VUE的,我們主要使用Vue的方式還是第二種方法:

     第二種就是 NPM方法:

    1.  首先我們需要先下載Node.js 這是npm使用的基礎,類似於java中的SDK。官網下載地址:https://nodejs.org/en/download/,你可以根據你電腦的版本選擇下載.     

  

然後這個安裝沒有什麼東西好說的,一直下一步就可以了。

2、在node.js 安裝完成好,可以開啟命令列工具檢視安裝是否正確。輸入node -v 可以檢視當前安裝的node版本

3、 接下來我們需要做的就是安裝Vue, 輸入npm install vue -g 這裡的-g指的是安裝到global 全域性目錄

4、我們還需要安裝一個開放工具Vue的腳手架(Vue CLL),但是要注意這個東西和Vue沒有任何關係它只是一個工具

都安裝完成好,可以檢查一下是否安裝成功。

Vue -V (注意這裡的V為大寫)

5、最後我們使用Vue建立一個專案“helloworld” ,注意專案名不能有大寫。

注意在建立專案過程中,有如下選項,選擇no(選項為使用ESLint規範你的程式碼,一個空格錯誤都將報錯,不開啟,避免不必要的麻煩)

後兩項為單元測試,可以選擇No.

6、專案建立完成後,目錄結構如下:

  具體目錄中個個檔案意義可以檢視:https://www.cnblogs.com/ranyonsue/p/11251839.html 這個部落格

7、最後就可以使用開發工具進行開發了。

------------恢復內容結束------------