vue項(xiàng)目如何運(yùn)行

涉及到的項(xiàng)目文件

最近因?yàn)楣卷?xiàng)目問(wèn)題，開(kāi)始學(xué)習(xí)vue。萬(wàn)事開(kāi)頭難，開(kāi)始寫(xiě)博客，紀(jì)錄一下小白的成長(zhǎng)，也方便以后看

• index.html >主頁(yè)，項(xiàng)目入口
• main.js >main.js是我們的入口文件，主要作用是初始化vue實(shí)例，并引入所需要的插件
• App.vue > 根組件 所有頁(yè)面都是在App.vue下進(jìn)行切換的
• router/index.js >路由文件

index.html，main.js，App.vue 三者關(guān)系

在網(wǎng)頁(yè)的Title部分，加載了index.html中定義的Title，而在正文部分，加載了App.vue中定義的部分

<div id="app">來(lái)自index.html正文中的內(nèi)容</div>

上面有一個(gè)id為app的掛載點(diǎn)，之后我們的Vue根實(shí)例就會(huì)掛載到該掛載點(diǎn)上；

new Vue({
? el: '#app',//告訴該實(shí)例要掛載的地方；（即實(shí)例裝載到index.html中的位置）
? router,
? components: { App },//注冊(cè)了一個(gè)局部組件App
? template: '<App/>'//模板就是組件App.vue中的template中的內(nèi)容。（template會(huì)替代原來(lái)的的掛載點(diǎn)處的內(nèi)容）
})

小結(jié)

在項(xiàng)目運(yùn)行中，main.js作為項(xiàng)目的入口文件，運(yùn)行中，找到其實(shí)例需要掛載的位置，即index.html中，剛開(kāi)始，index.html的掛載點(diǎn)處的內(nèi)容會(huì)被顯示，但是隨后就被實(shí)例中的組件中的模板中的內(nèi)容所取代，所以我們會(huì)看到有那么一瞬間會(huì)顯示出index.html中正文的內(nèi)容。

• node_modules為依賴的模塊
• config中配置了路徑端口值等
• build中配置了webpack的基本配置、開(kāi)發(fā)環(huán)境配置、生產(chǎn)環(huán)境配置等

vue踩坑記錄：vue項(xiàng)目運(yùn)行卡在百分之幾幾幾

今天晚上打著游戲，同事突然叫我拉項(xiàng)目下來(lái)運(yùn)行，我打完就去拉代碼了，結(jié)果vue項(xiàng)目運(yùn)行卡在66%不動(dòng)了，我也是百度一下分享別人怎么解決的文章給他，繼續(xù)我的游戲！

結(jié)果呢？

游戲結(jié)束后，我拉代碼，還是這個(gè)錯(cuò)！我也按照給他的文章做了一遍，還是卡著！隨后就是漫長(zhǎng)的探索找八哥~~~~~~~。

換掉腳手架版本~~~卡了?。?！

卸載axios~~~~~~卡著！?。。?/p>

刪除node_modules文件夾，在install，，卡住?。。。?/p>

改npm鏡像！在阿里和原生鏡像反復(fù)橫跳~~~~~

。。。。。。。。。。。。。。。。。。

沒(méi)法子了！看代碼吧！項(xiàng)目運(yùn)行又沒(méi)有報(bào)錯(cuò)！我哪知道有啥問(wèn)題呀        AQA

結(jié)果我在他的一個(gè)vue文件中中看到了一些綠綠的東西

把div合起來(lái)！?。?/p>

我去?。。?！

在<template>標(biāo)簽上有兩個(gè)根DIV，還有這種操作？？？？？？？

合并沖突吧，運(yùn)行吧，不卡了！

提交代碼之后一定要合并沖突！

一定要合并沖突！

要合并沖突！

合并沖突！

沖突?。。。。。。。?！

誰(shuí)都不想要綠綠的東西！?。?/strong>