VUE學習教程(一) 搭建VUE開發環境

2021-09-26 19:45:04 字數 1110 閱讀 9210

二、安裝npm:vue是依賴npm工具來管理,所以接下來我們來安裝npm,輸入命令

npm install -g cnpm --registry=

安裝時間比較長,需要耐心等會,安裝成功後輸入:npm -v

如果看到版本號,說明安裝成功

三、安裝vue-cli腳手架:輸入命令 cnpm install --global vue-cli

回車,然後等待安裝,安裝結束後,輸入命令vue,檢視是否安裝完成

出現操作提示,則說明安裝完成

當上面操作完成後,我們可以建立乙個測試專案,檢測下是否可以正常使用vue

vue init webpack test

之後就一直回車,直到出現是否要安裝vue-route,這個我們在專案要用到,所以就輸入y 回車,

下面會出現是否需要js語法檢測,這個我們暫時用不到,就可以直接輸入no,後面的都可以直接輸入no,都是我們暫時用不到的

第二步,進入到專案中,因為各個模板之間都是相互依賴的,所以現在我們要安裝依賴,輸入命令 cnpm install

第三步,我們試執行下,測試我們的工作空間是否可以正常使用,輸入執行命令 cnpm run dev

至此,終於成功搭建vue環境了!!

Vue學習教程

vue.js 讀音 vju 類似於 view 是一套構建使用者介面的漸進式框架。vue 只關注檢視層,採用自底向上增量開發的設計。vue 的目標是通過盡可能簡單的 api 實現響應的資料繫結和組合的檢視元件。vue 學習起來非常簡單,本教程基於 vue 2.1.8 版本。開始學習 vue.js 安裝...

vue開發環境搭建

安裝完成後,附件裡選擇命令提示符 或者在開始的搜尋框裡輸入cmd回車調出命令面板 輸入 node v回車,出現相應版本證明安裝成功,node環境已經安裝完成,由於有些npm有些資源被遮蔽或者是國外資源的原因,經常會導致用npm安裝依賴包的時候失敗,所有我還需要npm的國內映象 cnpm。在命令列中輸...

搭建VUE開發環境

搭建vue開發環境 2 window r開啟控制台,輸入node v,檢查nodejs是否安裝完畢 安裝好的話會有nodejs版本號出現 3 npm config set registry 由於npm太慢,所以安裝 npm映象 4 npm config get registry,檢驗 npm映象是否...