安裝完畢之後,在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...