1. 程式人生 > >VUE-CLI腳手架工具搭建步驟

VUE-CLI腳手架工具搭建步驟

腳手架工具安裝 網址:https://cli.vuejs.org cli工具2.0版: 在這裡插入圖片描述 在這裡插入圖片描述 安裝路由:npm install vue-router --save 安裝vuex:npm install vuex --save 安裝axios:npm install axios

升級cli工具(3.0版): 步驟1:移除老版本 npm uninstall -g vue-cli 步驟2:安裝新版本(全域性安裝) npm i -g @vue/cli 預設下載目錄C:\Users\使用者名稱\AppData\Roaming\npm 步驟3:執行Vue-CLI工具,建立一個空白腳手架專案 vue create xz_admin_v2 此命令在當前目錄下建立一個空白專案,自帶專案基礎檔案,也會自動下載所有依賴的NPM包——非常耗時 提示:空白專案模板預設不帶axios,需要執行 npm i axios安裝 步驟4:進入空白專案,新增需要的元件,執行該專案——自帶伺服器 npm run serve 步驟5:使用客戶端瀏覽器訪問上述專案

http://127.0.0.1:8080