1. 程式人生 > >VsCode + node+ vue.js 開發環境搭建(一)

VsCode + node+ vue.js 開發環境搭建(一)

1.安裝最新的 vscode ,這個很容易安裝。

2.要在機器上開發 vue.js 有兩種模式,一種直接用 .js ,這種方式不用 安裝.node  環境,另一種用 webpack,

3.在機器安裝 node node-v10.8.0-x64.msi,在安裝過程中可能會出現許可權問題, 這樣安裝:

     +以管理員的方式啟動 CMD

     +用命令:msiexec /package node-v10.8.0-x64.msi 方式來安裝後,不會有 2053,2052錯誤。

4. 專案執行方式。

      下載一個 vue.專案  在 目錄中執行:

                  $ npm install  //用來重新得到本專案中用得到的 node .包

                  $ npm run dev //用來執行專案執行。

5.在vscode 中直接 開啟 除錯工具,看能不能執行, 可以執行表示,已經安裝好,這時彈出的視窗為系統預設的瀏覽器。IE

6.修改dev-server.js 這個檔案 讓 node 執行時,可以直接開啟chrome 

         opn(uri) 修改為

          opn(uri,{ app: ['chrome', '--incognito'] })

這樣在VSCODE 與 NODE的開發環境,就建立好了。