最近剛剛看完了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 格式