搭建vue開發環境

2021-09-13 02:01:32 字數 1009 閱讀 7278

1.$ sudo apt-get install nodejs


2.$ sudo apt-get install npm


node -v
由於npm是國外的，使用起來比較慢，我們這裡使用**的cnpm映象來安裝vue.**的cnpm命令管理工具可以代替預設的npm管理工具。

npm install -g cnpm --registry=
**映象安裝成功之後，我們就可以全域性vue-cli腳手架，輸入命令：cnpm install --global vue-cli 回車；驗證是否安裝成功，在命令輸入vue，出來vue的資訊，及說明安裝成功；

cnpm install --global vue-cli
vue init webpack my-project-first
回車，my-project-first是我自己的資料夾的名字，是基於webpack的專案，輸入之後就一直回車，直到出現是否要安裝vue-route，

這個我們在專案要用到，所以就輸入y 回車

安裝依賴，因為各個模板之間都是相互依賴的，所以現在我們要安裝依賴，在專案裡輸入以下命令。

cnpm install
一切環境依賴安裝準備就緒，我們來測試一下自己新建的vue專案的運**況，輸入命令：cnpm run dev直接回車。

cnpm run dev
根目錄下有乙個config資料夾，看名字就知道與配置有關，開啟config目錄下的index.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映象是否...

vue開發環境搭建

sudo apt get install nodejs sudo apt get install npm 檢視npm映象源 npm config get registry 修改npm映象源 npm config set registry 更新npm sudo npminstall npm lates...