NodeJs下 vue的開發環境 npm安裝步驟

2021-09-11 07:44:49 字數 1056 閱讀 7235

cmd→ 回車

→ node -v → 回車   (檢視node版本)

→ npm -v → 回車     (檢視npm 版本)

→ npm install -g cnpm --registry= (安裝**映象)→ 回車

1.安裝 vue

→ cnpm install -g vue-cli → 回車

→ cnpm install webpack -g → 回車

→ 桌面新建英文名的資料夾

→ cd 桌面檔名路徑 → 回車

→ vue init webpack myvue → 回車

→ 回車 → 回車 → 回車 → 回車→ 出現(y/n)

→ y→ 回車

→ n回車 → n回車 → n回車 → 出現myself →回車

→ cd myvue → 回車

→ npm install → 回車

→ npm run dev → 回車,出現埠號

瀏覽器開啟輸入:   http://localhost:8080

顯示如下:

即安裝成功!

修改埠:

→ myvue 的build 檔案不動

→ config → index.js → port:8080

→ 修改後儲存 → 關掉cmd

→ 重啟cmd → cd 將桌面檔名路徑拖到cd後 → 回車

→ npm run dev → 回車,出現埠號

2.使用cnmp安裝react

→ npm start → 回車

安裝完成瀏覽器的頁面效果如下:

wbestorm 讀取   .vue檔案

wbestorm → file → settings → file types → html,右下"+"

→ 輸入 *.vue → ok → ok

搭建nodejs開發環境

windows環境1 安裝git 2 cmd進入安裝目錄執行 git clone 3 設定環境變數 可圖形ui set path d git nvmw path 4 重新進入終端cmd,安裝node 版本號可自定義 nvmw install 0.12.0 5 安裝iojs nvmw install ...

nodejs開發環境搭建

安裝xshell 修改ipaddr和gateway,使它們的前三個數和本地ip相同 先建立乙個資料夾mkdir nodejs demo 將其初始化為git 庫git init命令行會出現 master 新增乙個新的遠端倉庫 複製倉庫位址 建立連線git remote add origin倉庫位址 拉...

vue 前端nodejs環境安裝

win dow系 統安裝n odej s環境 color window 系統安裝 node js環境 window系統 安裝nodejs環境 安裝nodejs方式 nvm安裝 nvm可以幫助我們快速切換 node.js版本。下面是通過nvm安裝node.js的。一 nvm安裝node.js 設定映象...