jeecms v9 vue環境搭建

2022-02-22 03:56:10 字數 1367 閱讀 2081

安裝完畢之後,在cmd中輸入node -v檢視是否已經安裝成功

如果有版本號顯示,則代表安裝成功!!!

接下來我們嘗試輸入npm -v

nodejs自帶npm,所以我們不需要額外安裝就可以了。

二、環境變數設定

接下來我們需要配置npm的全域性模組的存放路徑以及cache的路徑,例如我希望將以上兩個資料夾放在nodejs的主目錄下,便在nodejs下建立「node_global」及「node_cache」兩個資料夾。我們就在cmd中鍵入兩行命令:

npm config

set prefix "d:\program files\nodejs\node_global"

npm config

set cache "d:\program files\nodejs\node_cache"

下面這一步非常關鍵,我們需要設定系統變數。進入我的電腦→屬性→高階→環境變數。在系統變數下新建「node_path」,輸入「d:\program

files\nodejs\node_global\node_modules」

cmd 後敲入下面命令

npm install -g

cnpm --registry=

需要詳細了解cnpm的朋友請前往官網

之後輸入cnpm -v

接下來我們就可以用cnpm代替npm了

若是提示沒有版本,則需要將cnpm命令所在資料夾加入環境變數的path中

例如我本地的是在

d:\program files\nodejs\node_global下,則將此路徑追加到path中

cnpm install -g @vue/cli

vue  -v

進入原始碼目錄:

c:\users\administrator>f:

f:\>cd f:\jeecms\jeecmsv9authorizedversion\jeecmsv9vue\jeecmsvue

f:\jeecms\jeecmsv9authorizedversion\jeecmsv9vue\jeecmsvue>cnpm

install

如果想放到指定的目錄下,先進入這個目錄再執行建立專案的命令

e:\test\vue init webpack myprojectname

//建立乙個基於"webpack"的專案,後面是專案名 

依次按照提示輸入,專案名、專案描述、專案作者等等,

然後一路回車  看到最後這個專案就建立好了。

cnpm run dev

cnpm run build

一般流覽器會自動跳轉出介面http://localhost:8080/,也可以手動開啟流覽器器輸

入位址。

npm run build 打包 

jeecms v9 vue CLI開發環境配置

vue cli開發環境配置 vue.js 提供乙個官方命令列工具,可用於快速搭建大型單頁應用。該工具提供開箱即用的構建工具配置,帶來現代化的前端開發流程。只需幾分鐘即可建立並啟動乙個帶熱過載 儲存時靜態檢查以及可用於生產環境的構建配置的專案 推薦查閱官方文件 必要環境。node.js 推薦安裝最新版...

vue環境搭建

1.安裝node.js 2.vue環境搭建要依賴node,借助於node裡的npm包管理來安裝需要的依賴等。基於node.js,利用 npm映象安裝相關依賴 輸入 npm install g cnpm registry 3.安裝全域性vue cli腳手架,用於搭建所需的模板框架 1 輸入 cnpm ...

Vue環境搭建

第一步 開啟命令列,輸入 node v檢視版本號,如果顯示版本號則安裝成功。第二步,安裝 映象。第三步 安裝vue命令列工具 vue cli 在輸入 映象後輸入 全域性安裝 vue cli 前邊安裝了cnpm。可以用cnpm安裝vue cli了 cnpm install global vue cli...