国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

vue.js使用vue-cli搭建一個(gè)SPA項(xiàng)目

B0B0 / 1732人閱讀

摘要：之所以寫這篇如何運(yùn)用腳手架自動(dòng)化構(gòu)建出一個(gè)項(xiàng)目的大架構(gòu)，主要是面向想入門的小伙伴。之前，我第一次接觸，一直摸不著頭腦，想在網(wǎng)上搜個(gè)接地氣的教程都找不到。

WHY

之所以寫這篇如何運(yùn)用腳手架自動(dòng)化構(gòu)建出一個(gè)項(xiàng)目的大架構(gòu)，主要是面向想入門vue的小伙伴。之前，我第一次接觸vue，一直摸不著頭腦，想在網(wǎng)上搜個(gè)接地氣的教程都找不到。SO，我以如何搭建結(jié)構(gòu)為開始，向想入門vue的童鞋們把我僅有的力量貢獻(xiàn)出來，隨后我會(huì)持續(xù)更新vue如何與ui框架結(jié)合使用；在低版本ie如何運(yùn)用vwjs將其打包為桌面應(yīng)用以及我在實(shí)際開發(fā)的過程中踩過的各種坑。歡迎大家觀看與互相交流哦。

HOW

話不多說，切入主題

1.首先，你的電腦需要nodejs環(huán)境，如果沒有，點(diǎn)擊下面鏈接去下載吧。 
點(diǎn)我進(jìn)入node官網(wǎng)
https://nodejs.org/en/
安裝完畢之后在命令窗口執(zhí)行  node -v

如果執(zhí)行完畢后會(huì)出現(xiàn)node的版本號(hào)就ok了 v6.10.1

2.安裝腳手架vue-cli 
在命令窗口執(zhí)行 npm install -g vue-cli

安裝完畢之后在命令窗口執(zhí)行 vue -V -----大寫V哦
如果執(zhí)行完畢后會(huì)出現(xiàn)cli的版本號(hào)就ok了

3.在你的項(xiàng)目目錄下初始化一個(gè)webpack配置的項(xiàng)目 
在命令窗口執(zhí)行 vue init webpack name    -------name是你的項(xiàng)目名稱
執(zhí)行命令后會(huì)有 ?Project name    --------輸入項(xiàng)目名稱，回車


                        `Project description` -----------輸入你的項(xiàng)目描述，回車


Author  -----------顧名思義，輸入作者名，回車

Vue build ----------- 必須回車啊
Install vue-router? ----------是否需要vue-router,做項(xiàng)目有路由啊，輸入y，回車
Use ESLint to lint your code ? --------是否需要ESlint檢驗(yàn)?zāi)愕拇a格式，個(gè)人建議，如果不太了解ESlint，或者你的開發(fā)團(tuán)隊(duì)不需要這個(gè)東東，最好n，否則他的檢驗(yàn)標(biāo)準(zhǔn)會(huì)讓你很無語，當(dāng)然，你可以通過配置去除你不需要的代碼格式校驗(yàn)，隨你嘍，要就y，不要就n，回車
Setup unit tests with Karma + Mocha? (y/n) ----------是否安裝單元測(cè)試，看你的需求嘍，一般情況沒有就n，回車
Setup e2e tests with Nightwatch(y/n)? -----------是否安裝e2e測(cè)試，同上，回車

4.在你新建好的項(xiàng)目目錄下install安裝所有需要的模板 
在命令窗口執(zhí)行npm install-------它會(huì)根據(jù)package.json文件里依賴的所有模塊進(jìn)行安裝，回車之后你就靜靜的wait,其實(shí)據(jù)說用yarn會(huì)快一點(diǎn)，我在工作中l(wèi)eader要求用yarn，不過倆者用法差不多，有興趣的話可以去看看哦
5.運(yùn)行你的項(xiàng)目 
在命令窗口執(zhí)行npm run dev ----現(xiàn)在你的項(xiàng)目就運(yùn)行起來了
PIC 

*注意，一定要在你初始化好的項(xiàng)目下進(jìn)行操作，否則會(huì)有很多WARN，當(dāng)然，你的構(gòu)建也會(huì)失敗，之前我粗心踩過這個(gè)坑。

網(wǎng)頁中有上面的樣子，你就成功啦
github小項(xiàng)目 
在工作間隙一直在寫這個(gè)小項(xiàng)目，感興趣的小伙伴可以去clone下來交流指正，記得star哦
git地址   https://github.com/PaiDaXingSWK/elema.git
項(xiàng)目已經(jīng)完成效果

END 
稍后我會(huì)帶著想入門vue的童鞋進(jìn)行深一步的演練，真心希望大家入門vue不會(huì)像我之前一樣痛苦，當(dāng)然，后續(xù)我也會(huì)在空余時(shí)間完成一個(gè)小項(xiàng)目在我的github與大家互相交流,歡迎大家關(guān)注，收藏，指正，一起學(xué)習(xí)交流

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/50914.html

相關(guān)文章

  • vue.js使用vue-cli搭建一個(gè)SPA項(xiàng)目

    摘要：之所以寫這篇如何運(yùn)用腳手架自動(dòng)化構(gòu)建出一個(gè)項(xiàng)目的大架構(gòu)，主要是面向想入門的小伙伴。之前，我第一次接觸，一直摸不著頭腦，想在網(wǎng)上搜個(gè)接地氣的教程都找不到。 WHY 之所以寫這篇如何運(yùn)用腳手架自動(dòng)化構(gòu)建出一個(gè)項(xiàng)目的大架構(gòu)，主要是面向想入門vue的小伙伴。之前，我第一次接觸vue，一直摸不著頭腦，想在網(wǎng)上搜個(gè)接地氣的教程都找不到。SO，我以如何搭建結(jié)構(gòu)為開始，向想入門vue的童鞋們把我僅有的...

    CrazyCodes 評(píng)論0 收藏0

  • vue服務(wù)端渲染demo將vue-cli生成的項(xiàng)目轉(zhuǎn)為ssr

    摘要：無需使用服務(wù)器實(shí)時(shí)動(dòng)態(tài)編譯，而是使用預(yù)渲染方式，在構(gòu)建時(shí)簡(jiǎn)單地生成針對(duì)特定路由的靜態(tài)文件。與可以部署在任何靜態(tài)文件服務(wù)器上的完全靜態(tài)單頁面應(yīng)用程序不同，服務(wù)器渲染應(yīng)用程序，需要處于運(yùn)行環(huán)境。更多的服務(wù)器端負(fù)載。 目錄結(jié)構(gòu) -no-ssr-demo 未做ssr之前的項(xiàng)目代碼用于對(duì)比 -vuecli2ssr 將vuecli生成的項(xiàng)目轉(zhuǎn)為ssr -prerender-demo 使用prer...

    whinc 評(píng)論0 收藏0

  • 關(guān)于Vue2一些值得推薦的文章 -- 五、六月份

    摘要：五六月份推薦集合查看最新的請(qǐng)點(diǎn)擊集前端最近很火的框架資源定時(shí)更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風(fēng)荷舉。家住吳門，久作長(zhǎng)安旅。五月漁郎相憶否。小楫輕舟，夢(mèng)入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly；請(qǐng)::點(diǎn)擊::集web前端最近很火的vue2框架資源；定時(shí)更新，歡迎 Star 一下。 蘇...

    sutaking 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

B0B0

男|高級(jí)講師

TA的文章

閱讀更多
最新活動(dòng)
閱讀需要支付1元查看
<