vue去哪網(wǎng)項目開發(fā)一

vue去哪網(wǎng)項目開發(fā)一

1:首先介紹下我們項目的代碼結(jié)構(gòu),
18.png

README.md表示項目的說明文件

package.json文件里有很多的依賴包,表示再開發(fā)項目的時候我們要有一些第三方模塊的一些依賴,我們都放在這里
package-lock.json是package的一個鎖文件,可以幫助我們?nèi)ゴ_定我們安裝的第三方包的具體的版本,保持我們團(tuán)隊里面的統(tǒng)一。
LICENSE代表一個開源協(xié)議的說明
index.html 是我們默認(rèn)的首頁的模板文件
.postcssrc,js是對postcss的一個配置項
.gitignore當(dāng)我們使用git上傳我們的代碼,但是有一些特殊的文件我們不希望上傳,那我們就可以在這里配置
.eslintrc.js用來檢測我們寫的代碼是否標(biāo)準(zhǔn),配置了一些代碼規(guī)范,我們寫代碼必須按照這個規(guī)范寫,他才不會做錯誤的提示。
.eslintignore表示我們在build、config、dist、以及所有的js的文件是不會進(jìn)行代碼檢測的。
.editorconfig是幫我們配置編輯器里面的一些語法,
.babelrc在這里我們的項目其實是vue的單文件組件的寫法,所以需要通過babel這種語法解析器做一些語法上的轉(zhuǎn)換,最終轉(zhuǎn)化成瀏覽能夠編譯執(zhí)行的代碼。
static目錄:里面放的是我們的一些靜態(tài)資源,一些靜態(tài)的圖片
node_module目錄:里面放的是我們這個項目中依賴的一些第三方的包
src目錄:里面放的是我們整個項目的源碼,下面分別介紹,main.js是我們整個項目的入口文件,App.vue是我們項目最原始的根組件,這個項目里所有的路由我們都放在這個router下面的index.js文件里,components里面放的是我們項目里面要用的一些小組件,assets里面放的是我么項目里面用到的一些圖片類的資源
config目錄:里面放的是我們項目的配置文件,基礎(chǔ)的配置信息放在index.js文件中,開發(fā)環(huán)境的一些配置信息放在dev.env.js文件中,線上環(huán)境的一些配置信息放在prod.evn,js文件中
build目錄:里面放的是我們項目打包的一些配置信息,webpack.base.conf.js 配置的基礎(chǔ)的webpack配置項,wepwebpack.dev.conf.js 開發(fā)環(huán)境中的webpack配置項,webpack.prod.conf.js線上環(huán)境中的webpack配置項

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1 Webpack 1.1 概念簡介 1.1.1 WebPack是什么 1、一個打包工具 2、一個模塊加載工具 3...
    Kevin_Junbaozi閱讀 7,021評論 0 16
  • GitChat技術(shù)雜談 前言 本文較長,為了節(jié)省你的閱讀時間,在文前列寫作思路如下: 什么是 webpack,它要...
    蕭玄辭閱讀 12,887評論 7 110
  • 寫在開頭 先說說為什么要寫這篇文章, 最初的原因是組里的小朋友們看了webpack文檔后, 表情都是這樣的: (摘...
    Lefter閱讀 5,438評論 4 31
  • 如果說人生是一條長河,那么童年少年就是河流源頭叮咚作響的跳躍浪花,無拘無束,自由自在,即使跌倒也會快速爬起繼...
    小二黑的兔八哥閱讀 293評論 0 2
  • 不喜歡喝酒,但喜歡酒,尤其喜歡酒精帶來的精氣神,下面是品酒的瞬間: 打開瓶蓋 聞到酒的清香 迫不及待的倒入酒杯 ...
    妙鑫乖乖閱讀 292評論 0 2

友情鏈接更多精彩內(nèi)容