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」3.設定環境變數,右擊此電腦→屬性:npm config set cache 「d:\nodejs\node_cache」
把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...