VUE系列(1) 安裝和使用
阿新 • • 發佈:2021-08-15
------------恢復內容開始------------
vue的安裝方式有兩種:
- 一種是直接下載Vue js檔案並用
<script>
標籤引入,Vue
會被註冊為一個全域性變數- 開發版本:https://cn.vuejs.org/js/vue.js
- 生產版本:https://cn.vuejs.org/js/vue.min.js 對於生產環境,我們推薦連結到一個明確的版本號和構建檔案,以避免新版本造成的不可預期的破壞:<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
當然一般情況我們是不會使用這種方式去使用VUE的,我們主要使用Vue的方式還是第二種方法:
第二種就是 NPM方法:
- 首先我們需要先下載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、最後就可以使用開發工具進行開發了。
------------恢復內容結束------------