從零開始建立VUE專案

2022-07-24 10:30:21 字數 1270 閱讀 1902

1、首先配置npm的全域性模組的存放路徑、cache的路徑,此處選擇放在:d:\program files\nodejs

輸入如下命令:

npm config set prefix "e:\nodejs\node_global"

npm config set cache "e:\nodejs\node_cache"

2、在系統環境變數新增node_path,輸入路徑為:e:\nodejs\node_global

操作如下:我的電腦右擊,開啟屬性->高階系統設定->環境變數->新建(系統變數下)->輸入變數名node_path->變數值:輸入上面路徑,確定即可。

3、在命令列輸入以下命令安裝express(注:「-g」表示安裝到global目錄下,就是上面設定的node_global中)

npm install express -g

可以看到node_global/node_modules下有express了

1、安裝cnpm,輸入以下命令:

npm install -g cnpm --registry=

2、輸入cnpm -v ,檢測是否正常,但是這裡會報錯。

3、新增系統變數path的內容

因為cnpm會被安裝到d:\program files\nodejs\node_global下,而系統變數path並未包含該路徑。在系統變數path下新增該路徑即可正常使用cnpm。

然後再次輸入cnpm -v 確認安裝成功。

1.全域性安裝vue-cli

$ cnpm install -g webpack

$ cnpm install -g vue-cli

2.建立乙個基於webpack模板的新專案

$ vue init webpack my-project

可以

$ npm install chromedriver --chromedriver_cdnurl=

或者

$ cnpm install -g chromedriver

3.安裝依賴及執行

$ cd my-project

$ cnpm install

$ npm run dev

1.安裝

$ npm i element-ui -s

2.需要重新執行以下指令

$ cnpm install

$ npm run dev

IntelliJ IDEA 從零開始建立乙個專案

1 如果intellij idea中當前沒有開啟的專案,單擊歡迎介面上的建立新專案。否則,選擇 然後會開啟新建專案嚮導視窗 2 在嚮導的第一頁,在左側窗格中,選擇專案類別。這可能是你要使用的技術,專案的目標平台或執行時等。在頁面的右側部分以及後續步驟中的設定取決於所選專案類別。對於相應的說明,請參閱...

IntelliJ IDEA 從零開始建立乙個專案

1 如果intellij idea中當前沒有開啟的專案,單擊歡迎介面上的建立新專案。否則,選擇 然後會開啟新建專案嚮導視窗 2 在嚮導的第一頁,在左側窗格中,選擇專案類別。這可能是你要使用的技術,專案的目標平台或執行時等。在頁面的右側部分以及後續步驟中的設定取決於所選專案類別。對於相應的說明,請參閱...

IntelliJ IDEA 從零開始建立乙個專案

1 如果intellij idea中當前沒有開啟的專案,單擊歡迎介面上的建立新專案。否則,選擇 然後會開啟新建專案嚮導視窗 2 在嚮導的第一頁,在左側窗格中,選擇專案類別。這可能是你要使用的技術,專案的目標平台或執行時等。在頁面的右側部分以及後續步驟中的設定取決於所選專案類別。對於相應的說明,請參閱...