vue 配置

vue cli 安裝鏈接

安裝簡(jiǎn)單 直接看上面官網(wǎng)鏈接

這里記錄一下在安裝vue時(shí)遇到的問(wèn)題(糾結(jié)了一個(gè)小時(shí))

①運(yùn)行yarn global add @vue/cli? 成功??

②查看版本號(hào)?vue --version? ?顯示2.9.6 版本? (可能是以前看別的學(xué)習(xí)資料時(shí)裝的低版本)

? ? 遇到這個(gè)問(wèn)題查資料,后面發(fā)現(xiàn)官網(wǎng)有講解(反省自己 以后找資料一定優(yōu)先在官方文檔查看)

? ? 最后以及升級(jí)???

? ??????????01————yarn global upgrade --latest @vue/cli? ?命令運(yùn)行??

? ? ? ? ? ? ?02————?yarn global add @vue/cli??

? ? ? ? ? ? ?03————?vue --version(還是報(bào)錯(cuò) 說(shuō)不存在)最后解決辦法重啟vscode? ? ? ??

使用 @vue/cli搭建項(xiàng)目

① 根據(jù)vue-cli官方文檔快速創(chuàng)建——點(diǎn)擊鏈接

② 線上創(chuàng)建修改 下載? 鏈接地址https://codesandbox.io/s/vue

簡(jiǎn)單搭建一個(gè)項(xiàng)目示例

附下面兩個(gè)圖 圖一為代碼示例 圖二為瀏覽器效果示例

以上代碼用到的知識(shí)下面詳解



①vue實(shí)例

方法1:從html得到視圖 (體積大 功能強(qiáng))

? ? 也就是從文檔里說(shuō)的 `完整版Vue`[引入時(shí)后綴為vue.js]? === 它的優(yōu)點(diǎn)是可以在html中得到視圖

? ? 從CND引用vue.js或vue.min.js即可做到

? ? 也可以通過(guò)import引用vue.js或者vue.min.js

? ? 詳情看官方文檔這一節(jié),把a(bǔ)lias去掉即可

方法2:用JS構(gòu)建視圖 (體積小 功能弱)==>>但是高級(jí)方法用?

? ? 還是看上面的文檔鏈接,使用vue.runtime.js【引入時(shí)后綴為vue.runtime.js】===它不能在html中得到視圖,但是它更加獨(dú)立

? ? 這種方法很不方便,但實(shí)際上是對(duì)的

方法3:使用vue-loader () ==>>為上面方法的升級(jí) 安裝vue-loader 程序員時(shí)候用方法1 給用戶看的時(shí)候用方法二 實(shí)現(xiàn)了體積小 功能強(qiáng)

? ? 可以把.vue營(yíng)業(yè)日翻譯成h構(gòu)建方法

? ? 但這樣做HTML就只有一個(gè)div#app,SEO不友好

方法1圖解

方法1
方法1

方法2圖解

方法二圖1
方法2 圖二

方法3圖解

也叫vue 單文件組件

什么是SEO

搜索引擎優(yōu)化

你可以認(rèn)為搜索引擎就是不停地curl

搜索引擎根據(jù)curl結(jié)果猜測(cè)頁(yè)面內(nèi)容,

如果你的頁(yè)面都是用JS創(chuàng)建div的撵幽,那么curl就很瞎

解決方法

給curl一點(diǎn)內(nèi)容

把title、description凌唬、keyword并齐、h1、a寫(xiě)好即可

原則:讓curl能得到頁(yè)面的信息客税,SEO就能正常工作

圖解:


內(nèi)容根據(jù)需要定

以上內(nèi)容總結(jié)圖展示


?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末况褪,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子更耻,更是在濱河造成了極大的恐慌测垛,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,651評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件秧均,死亡現(xiàn)場(chǎng)離奇詭異食侮,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)目胡,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,468評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門(mén)锯七,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人誉己,你說(shuō)我怎么就攤上這事眉尸。” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 162,931評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵噪猾,是天一觀的道長(zhǎng)霉祸。 經(jīng)常有香客問(wèn)我,道長(zhǎng)袱蜡,這世上最難降的妖魔是什么丝蹭? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,218評(píng)論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮坪蚁,結(jié)果婚禮上奔穿,老公的妹妹穿的比我還像新娘。我一直安慰自己敏晤,他們只是感情好巫橄,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,234評(píng)論 6 388
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著茵典,像睡著了一般。 火紅的嫁衣襯著肌膚如雪宾舅。 梳的紋絲不亂的頭發(fā)上统阿,一...
    開(kāi)封第一講書(shū)人閱讀 51,198評(píng)論 1 299
  • 那天,我揣著相機(jī)與錄音筹我,去河邊找鬼扶平。 笑死,一個(gè)胖子當(dāng)著我的面吹牛蔬蕊,可吹牛的內(nèi)容都是我干的结澄。 我是一名探鬼主播,決...
    沈念sama閱讀 40,084評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼岸夯,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼麻献!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起猜扮,我...
    開(kāi)封第一講書(shū)人閱讀 38,926評(píng)論 0 274
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤勉吻,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后旅赢,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體齿桃,經(jīng)...
    沈念sama閱讀 45,341評(píng)論 1 311
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,563評(píng)論 2 333
  • 正文 我和宋清朗相戀三年煮盼,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了短纵。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,731評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡僵控,死狀恐怖香到,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤养渴,帶...
    沈念sama閱讀 35,430評(píng)論 5 343
  • 正文 年R本政府宣布雷绢,位于F島的核電站,受9級(jí)特大地震影響理卑,放射性物質(zhì)發(fā)生泄漏翘紊。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,036評(píng)論 3 326
  • 文/蒙蒙 一藐唠、第九天 我趴在偏房一處隱蔽的房頂上張望帆疟。 院中可真熱鬧,春花似錦宇立、人聲如沸踪宠。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,676評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)柳琢。三九已至,卻和暖如春润脸,著一層夾襖步出監(jiān)牢的瞬間柬脸,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,829評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工毙驯, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留倒堕,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,743評(píng)論 2 368
  • 正文 我出身青樓爆价,卻偏偏與公主長(zhǎng)得像垦巴,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子铭段,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,629評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容