Windows搭建vue環境

vue.js是一套構建使用者介面的漸進式框架，其目標是通過盡可能簡單的api實現響應的資料繫結和組合的檢視元件。

標籤引入。

2.直接鏈結到cdn，也可以進行訪問。

提示安裝完成之後，開啟cmd命令視窗，輸入node -v和npm -v，如圖所示：

這裡有乙個cnpm（npm的國內**映象），如果npm安裝失敗的話，可以安裝cnpm，在命令列中輸入npm install -g cnpm –registry=，等待安裝完成。

1.配置npm安裝的全域性模組所在的路徑以及cache的路徑為node.js的安裝路徑，在安裝node.js的資料夾下建立兩個資料夾，如下圖：

2.開啟cmd命令視窗，輸入（注意修改路徑為自己的路徑）：

npm config set prefix 「d:\nodejs\node_global」

npm config set cache 「d:\nodejs\node_cache」

3.設定環境變數，右擊此電腦→屬性：

把path的路徑修改為自己建立的路徑：

4.在cmd命令視窗中輸入如下命令進行模組的全域性安裝（ -g是全域性安裝的意思）：

npm install express -g

腳手架2的安裝方式：在命令列中輸入npm install -g vue-cli，等待安裝完成。

腳手架4的安裝方式：在命令列中輸入npm install -g @vue/cli，等待安裝完成【2023年8月30日更新】。

腳手架4建立專案的方式：在cmd命令中執行命令vue create firstvue（更多關於腳手架4建立專案的內容：vue-cli4新建專案及分環境打包），以下是腳手架2建立專案的方式【2023年8月30日更新】。

在cmd命令中執行命令vue init webpack firstvue：

之後會出現一些對於檔案的描述，預設回車即可，然後等待檔案的建立，如果建立完成，去安裝目錄下可以找到剛剛建立的檔案。

檔案目錄如下：

安裝完成之後就可以執行專案了，在cmd命令中，在專案目錄下，輸入npm run dev，就會執行了。

瀏覽器中輸入如下**，出現如下介面即安裝完成。

注：專案的建立和執行也可以在vscode中執行。

一安裝node.js 二設定nodejs prefix 全域性和cache 快取路徑 1 在nodejs安裝路徑下，新建node global和node cache兩個資料夾 2 設定快取資料夾 npm config set cache d vueproject nodejs node ca...