摘要:從跳轉(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 myfirstvuecli3.配置相關(guān)工具
Project name 必須小寫
否則會報 Sorry, name can no longer contain capital letters. 錯誤
按圖片提示 在cmd輸入相關(guān)命令
文件目錄如下:
重要文件
index.html 網(wǎng)頁入口 直接打開此html文件無效
main.js 連接index.html和App.vue
App.vue 父組件,管理其他小組件
由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
摘要:查看安裝是否正?;剀嚭罂吹捷敵霎?dāng)前安裝的版本號,例如,即安裝正常通過以上步聚,說明已經(jīng)安裝完并能正常運(yùn)行。再次用腳手架搭建項目第二步將模塊安裝完成后,就可以使用以下命令創(chuàng)建項目了。 前言 世間萬難 無非一拖二懶三不讀書 對 說的就是我 突然覺得這句話說的很對,自從上次寫完nodejs安裝及npm全局模塊路徑的設(shè)置已經(jīng)過去兩月有余,而我的vue框架學(xué)習(xí)也就止步于此。還是沒有給自己施加壓力...
摘要:更新時間這個問題是實例內(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 {...
摘要:前言通過搭建交互式的項目腳手架。通過快速開始零配置原型開發(fā)。與此同時,它也為每個工具提供了調(diào)整配置的靈活性,無需。例如,如果你的應(yīng)用被部署在,則設(shè)置為。我們將在下篇文章里詳細(xì)講述的使用官方文檔 前言 通過 @vue/cli 搭建交互式的項目腳手架。通過 @vue/cli + @vue/cli-service-global 快速開始零配置原型開發(fā)。一個運(yùn)行時依賴 (@vue/cli-se...
閱讀 2819·2021-11-04 16:15
閱讀 3507·2021-09-29 09:35
閱讀 4104·2021-09-22 15:45
閱讀 1446·2019-08-30 15:55
閱讀 1725·2019-08-30 15:44
閱讀 2774·2019-08-29 12:56
閱讀 2731·2019-08-26 13:30
閱讀 2201·2019-08-23 17:00