成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

Window10下----Vue CLI(腳手架) 創(chuàng)建項目

sf_wangchong / 1671人閱讀

摘要:從跳轉(zhuǎn)到要創(chuàng)建的目錄下通過項目名稱創(chuàng)建項目例如配置相關(guān)工具必須小寫否則會報錯誤按圖片提示在輸入相關(guān)命令創(chuàng)建成功文件目錄如下重要文件網(wǎng)頁入口直接打開此文件無效連接和父組件管理其他小組件啟動項目由跳轉(zhuǎn)到項目所在的目錄下啟動項目如圖所示則啟動成功

1.從cmd跳轉(zhuǎn)到要創(chuàng)建的目錄下

2.通過 vue init webpack + 項目名稱創(chuàng)建項目
例如 vue init webpack myfirstvuecli
3.配置相關(guān)工具

Project name 必須小寫
否則會報 Sorry, name can no longer contain capital letters. 錯誤

按圖片提示 在cmd輸入相關(guān)命令

4.創(chuàng)建成功

文件目錄如下:

重要文件
index.html 網(wǎng)頁入口 直接打開此html文件無效
main.js 連接index.html和App.vue
App.vue 父組件,管理其他小組件

5.啟動項目

由cmd跳轉(zhuǎn)到項目所在的目錄下
npm run dev 啟動項目

如圖所示,則啟動成功
在瀏覽器輸入圖中地址(http://localhost:8080) 就可以查看項目

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/102839.html

相關(guān)文章

  • 使用vue-cli手架+webpack搭建vue項目

    摘要:查看安裝是否正?;剀嚭罂吹捷敵霎?dāng)前安裝的版本號,例如,即安裝正常通過以上步聚,說明已經(jīng)安裝完并能正常運(yùn)行。再次用腳手架搭建項目第二步將模塊安裝完成后,就可以使用以下命令創(chuàng)建項目了。 前言 世間萬難 無非一拖二懶三不讀書 對 說的就是我 突然覺得這句話說的很對,自從上次寫完nodejs安裝及npm全局模塊路徑的設(shè)置已經(jīng)過去兩月有余,而我的vue框架學(xué)習(xí)也就止步于此。還是沒有給自己施加壓力...

    dantezhao 評論0 收藏0
  • vue項目開發(fā)過程常見問題

    摘要:更新時間這個問題是實例內(nèi)單組件的必須返回一個對象如下為什么要一個數(shù)據(jù)對象呢官方解釋如下必須聲明為返回一個初始數(shù)據(jù)對象的函數(shù),因為組件可能被用來創(chuàng)建多個實例。 更新時間:2018-07-29 1.data functions should return an object // 這個問題是 Vue 實例內(nèi),單組件的data必須返回一個對象;如下 export default {...

    Apollo 評論0 收藏0
  • vue-cli3手架的使用和相關(guān)配置

    摘要:前言通過搭建交互式的項目腳手架。通過快速開始零配置原型開發(fā)。與此同時,它也為每個工具提供了調(diào)整配置的靈活性,無需。例如,如果你的應(yīng)用被部署在,則設(shè)置為。我們將在下篇文章里詳細(xì)講述的使用官方文檔 前言 通過 @vue/cli 搭建交互式的項目腳手架。通過 @vue/cli + @vue/cli-service-global 快速開始零配置原型開發(fā)。一個運(yùn)行時依賴 (@vue/cli-se...

    Sanchi 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<