Windows搭建vue環境

2021-09-11 01:44:53 字數 1907 閱讀 9920

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

標籤引入。

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

提示安裝完成之後,開啟cmd命令視窗,輸入node -vnpm -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中執行。

windows環境搭建Vue開發環境

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

windows環境搭建Vue開發環境

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

windows環境搭建Vue開發環境

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