vue環境搭建及建立專案

2022-08-15 11:51:14 字數 1137 閱讀 9534

安裝完成後檢視對應的node和npm版本,如沒有出現對應版本號則代表安裝失敗

安裝vue-cli(vue腳手架)安裝vue-cli之前確保要先是否安裝webpack

webpack安裝命令:npm install webpack -g 

安裝好後開始安裝 vue-cli

npm install -g vue-cli

-g代表的是全域性安裝

vue-cli安裝好後可以開始來建立專案,在電腦建立乙個空的資料夾 進入命令列

輸入vue init webpack todolist(todolist代表的是專案名)

建立專案,網速不好的話需要等待很長一段時間。。。。

建立成功

啟用專案:

訪問http://localhost:8080

使用vscode開發

vscode裡還可以安裝vetur,vue等外掛程式。

vue 環境搭建及專案建立

vue 高效 靈活 安裝nodejs 並檢測 自帶npm 個人開發可使用國內 映象cnpm,代替npm win版 npm install g cnpm registry mac版 3.安裝vue cli 配置vue的開發環境 複雜安裝法 裝好的檔案目錄 執行cnpm run dev簡易安裝法 vue...

vue環境安裝搭建及專案建立

一 首先要先安裝node 官網 二 設定nodejs prefix 全域性 和cache 快取 路徑 首先找到剛才選擇nodejs路徑,新建node global和node cache兩個資料夾 第二步 用win r開啟管理cmd進入 設定快取資料夾 npm config set cache y n...

vue環境搭建,vue專案建立

vue這個新的工具,確實能夠提高效率,在經歷的一段時間的摧殘之後,終於能夠有乙個系統的認識了,下面就今天的收穫做乙個總結,也是vue入門的精髓 1.要使用vue來開發前端框架,首先要有環境,這個環境要借助於node,所以要先安裝node,借助於node裡面的npm來安裝需要的依賴等等。這裡有乙個小技...