vue學習 1 vue cli 專案搭建

2022-08-24 14:39:11 字數 941 閱讀 6199

vue學習(1)  vue-cli 專案搭建

一、windows環境

官網:2. 安裝

windows + r 開啟cmd,在命令列中輸入node -v,如果安裝成功就可以看到當前node的版本

輸入npm -v,可以看到相應的npm的版本

3. 安裝vue-cli

npm install -g cli

4. 建立cli專案

首先cd進入到你想要建立專案的資料夾目錄下

vue init webpack my-vue

根據提示資訊完成建立,專案名、專案描述、作者名、build、路由、eslint、測試等,eslint後面幾個推薦選擇no

5. 執行

建立完成後執行 

cd my-vue 

二、mac環境

官網:2. 安裝

開啟終端,在命令列中輸入node -v,如果安裝成功就可以看到當前node的版本

3. 安裝webpack

npm install webpack -g

會提示安裝webpack-cli,根據提示安裝即可

若因為許可權原因安裝失敗,在安裝命令列之前加入sudo,根據提示輸入密碼即可

4. 安裝vue-cli

npm install cli -g 

5. 建立cli專案

首先cd進入到你想要建立專案的資料夾目錄下

vue init webpack my-vue

根據提示資訊完成建立,專案名、專案描述、作者名、build、路由、eslint、測試等,eslint後面幾個推薦選擇no

6. 執行

建立完成後執行 

cd my-vue 

npm run dev

即可看到提示 

開啟該鏈結即可看到你的專案

完.

Vue從零單排1 vue cli的安裝與使用

今天心血來潮,想對vue覆盤一下 也是做了乙個完整的大型專案,使用了vue cli 3.x以上版本,springboot mybatits的後台以及各種技術,包括最新的docker技術及微服務 本身我是前端出身,所以,還是從前端,對vue進行一期知識的回顧,查漏補缺 想了想,就從vue cli開始,...

vue cli 搭建vue專案

安裝完成後,開啟命令列工具輸入命令node v,如果出現對應版本號,就說明安裝成功了。npm包管理器,是整合在node中的,所以,直接輸入npm v也會顯示出npm的版本資訊。由於npm的有些資源被牆,為了更快更穩定,所以我們需要切換到 的npm映象 cnpm。npm install g cnpm ...

初識vue專案 vue cli

安裝vue cli 1.先安裝node,安裝node的時候會自動安裝npm,可以通過 node v 和 npm v 測試版本 2.全域性安裝node 這個去看官方文件就可以 3.執行 npm run dev 注意事項 window系統不建議用gitbash 因為我就是用的 總是出問題,建議用powe...