1. 程式人生 > >vue 腳手架 vue-cli 3.x 基礎

vue 腳手架 vue-cli 3.x 基礎

安裝

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://echarts.baidu.com/tutorial.html

http請求 axios 

安裝

npm install axios

使用,參考 https://www.kancloud.cn/yunye/axios/234845