vue 腳手架塔配

使用vue-cli3.0創(chuàng)建項(xiàng)目

使用命令方式創(chuàng)建

  1. vue create app(app是文件夾的名稱)

  2. 選擇預(yù)設(shè)(選默認(rèn)就行)

  3. 安裝完之后會(huì)顯示 [圖片上傳失敗...(image-f426d3-1556459437752)]

    yarn serve

  4. 進(jìn)入到項(xiàng)目cd app 運(yùn)行項(xiàng)目npm run serve

  5. 在瀏覽器里面輸入控制臺打印出來的地址就可以看到 welcome to your vue.js app

使用視圖界面創(chuàng)建項(xiàng)目

  1. 安裝腳手架 npm install -g @vue/cli 輸入vue -V 檢查安裝是否成功
  2. 運(yùn)行vue ui 啟動(dòng)圖形界面進(jìn)行創(chuàng)建項(xiàng)目
    • 輸入項(xiàng)目創(chuàng)建的目錄
    • 輸入項(xiàng)目名稱和設(shè)置其他配置項(xiàng)
    • 選擇預(yù)設(shè)后，點(diǎn)擊創(chuàng)建
    • 創(chuàng)建成功后進(jìn)入項(xiàng)目目錄運(yùn)行 npm run serve 啟動(dòng)項(xiàng)目

其他設(shè)置

  1. 在圖形界面中啟動(dòng)項(xiàng)目和打包項(xiàng)目
  2. 運(yùn)行打包后的文件需要啟動(dòng)一個(gè)服務(wù)
    • npm i http-server -g
    • 在打包后的目錄(本項(xiàng)目是dist), 打開命令提示符
    • 輸入http-server -o
  3. 在圖形界面中安裝項(xiàng)目需要的依賴
  4. vue.config.js配置webpack
    vue inspect（在控制臺查看）
    vue inspect > out.js（把配置輸出到out.js）
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺，僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容