挖一挖vue的墻角

最近剛剛看完了nodejs,接下來就是搞這個vue了,這個東西網(wǎng)上有很多的安裝教程,這里就不細說了。總之安裝還是比較簡單的。我這里安裝好了vue-cli,打開之后里邊的文件如下:

image.png

下面我大概介紹一下都是什么文件。

  • my-project這個就是我們看著網(wǎng)上的教程創(chuàng)建的第一個項目;
  • node_modules這個就是nodejs的依賴文件了,里邊有很多封裝好的文件,我們再后來的項目中直接調(diào)用就可以,這個不能少;
  • build最終發(fā)布代碼的位置(網(wǎng)上就是這么說的),其實我仔細看了下里邊的東西,里邊的文件都有:


    image.png

    后邊的webpack.conf.js...其實都是一些配置文件了。一會兒我會詳細的講解。我們在控制臺通過cnpm run dev其實就是運行那個dev-server.js文件。

  • config這個就是個配置文件的文件夾,里邊包含端口號什么的。
  • src 這里是我們要開發(fā)的目錄,基本上要做的事情都在這個目錄里。里面包含了幾個目錄及文件:
image.png
內(nèi)部文件夾 作用
assets: 放置一些圖片,如logo等。
components: 目錄里面放了一個組件文件,可以不用。
App.vue: 項目入口文件,我們也可以直接將組件寫這里,而不使用 components 目錄。
main.js: 項目的核心文件。
  • static 靜態(tài)資源目錄,如圖片、字體等。
  • test 初始測試目錄,可刪除
  • .xxxx文件 這些是一些配置文件,包括語法配置,git配置等。
  • index.html 首頁入口文件,你可以添加一些 meta 信息或同統(tǒng)計代碼啥的。
  • package.json 項目配置文件。
  • README.md 項目的說明文檔,markdown 格式
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

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