vue 腳手架 vue cli 3 x 基礎

2021-08-27 23:41:34 字數 848 閱讀 3627

npm install -g @vue/cli
vue -v
1.輸入下面命令（project-name :專案名稱，自己定義）

vue create project-name
2.選擇manually select features (手動選擇)專案配置，（按箭頭移動游標，回車確認選擇）

3選擇要安裝的包

4.按提示完成操作,安裝完提示（如下圖）,執行下面兩句命令,在瀏覽器輸入 http://localhost:8080 即可瀏覽新建立的專案

（注：也可以通過 vue ui 命令進行圖形化建立專案，如果瀏覽器建立不了專案，手動換為這個位址  http://localhost:8000/project/create ）

圖表 echarts

安裝

npm install echarts -s
使用，參考 

http請求 axios安裝

npm install axios
使用，參考

vue cli 3 x腳手架搭建及其配置

官方文件包含了很多的內容，很靠譜，比較全面，第一步當然是把官方文件看一遍。vue cli 需要 node.js 8.9 或更高版本 推薦 8.11.0 你可以使用 nvm 或 nvm windows在同一臺電腦中管理多個 node 版本。安裝命令 npm install g vue cli or y...

搭建VUE腳手架 vue cli

確保node.js和npm cnpm都安裝好的情況下，檢視命令 node v npm v cnpm v,有返回版本號即為安裝成功，npm和cnpm有乙個即可，cnpm是 映象的npm，相對npm更快更穩定，配置命令 npm install g cnpm registry 在用 vue.js 構建大型...

搭建Vue腳手架（vue cli）

1.安裝node.js 安裝完成之後，開啟命令列工具 win r，然後輸入cmd 輸入 node v，如下圖，如果出現相應的版本號，則說明安裝成功。c users 19565 node v v12.13.1 c users 19565 npm v 6.12.1 2.安裝webpack 開啟命令列工具...