Vue開發環境搭建

2021-10-05 10:41:26 字數 686 閱讀 5114

一直惦記下一步,安裝完後,開啟cmd 命令列視窗

輸入 node -v

出現版本號

輸入 npm -v

出現版本號

2 設定映象

輸入命令 npm config set registry

如果你沒有在註冊過賬號,請先去註冊

註冊賬號成功過後

在命令列中輸入 npm adduser

輸入使用者名稱

輸入密碼(密碼好像至少9位數)

輸入你註冊時的公開郵箱

成功3準備安裝vue-cli

然後輸入命令  npm i -g vue-cli

開始安裝

等待中。。。

安裝成功

4 檢視vue 版本

輸入命令 vue -v   (注意:後面的v是大寫的)

出現版本號

5 建立vue-cli專案

輸入命令 vue init webpack projectname

然後選擇一些  y/n  專案配置  最後等待生成專案

等待結束,專案生成成功

6啟動專案

(前提:要在這個專案的根目錄下執行以下命令)

輸入命令 npm run start  或者 npm run dev 

開始啟動專案中。。。

在瀏覽器訪問這個位址,則會出現vue圖示

專案啟動成功

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開發環境

1.sudo apt get install nodejs 2.sudo apt get install npm node v由於npm是國外的,使用起來比較慢,我們這裡使用 的cnpm映象來安裝vue.的cnpm命令管理工具可以代替預設的npm管理工具。npm install g cnpm reg...