vue開發環境搭建

2021-10-02 00:08:40 字數 822 閱讀 3525

$ sudo


apt-get


install nodejs


$ sudo


apt-get


install


npm
# 檢視npm映象源


$ npm config get registry


# 修改npm映象源


$ npm config set registry 


# 更新npm


$ sudo


npminstall npm@latest -g


# 檢視npm版本


$ npm -v
# 安裝 vue


# 全域性安裝


$ npm


install -g vue


# 安裝 vue-cli


$ npm


install -g @vue/cli


# 安裝 webpack


# 全域性安裝


$ npm


install -g webpack
用圖形化管理介面建立專案 (windows系統必須用cmd，否則報錯。用命令列開啟專案資料夾（一般切換到 d 盤）)，

開啟圖形化介面

$ vue ui
在圖形化介面下建立專案

建立成功後使用 編輯器 開啟專案進行開發。

$ npm run serve
不填路徑：預設為相對路徑（ui介面）

$ npm run build

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...