1. 程式人生 > >vue 環境搭建ji專案結構的介紹

vue 環境搭建ji專案結構的介紹

一.vue 環境搭建

1.使用vue-cli 腳手架。(在這步之前安裝nodejs)cnpm install --global vue-cli

2.初始化專案vue init webpack vueDemo(專案名稱)(生成packge.js)或者是執行vue init webpack simple vueDemo

3.cd到整個目錄,如果安裝失敗的話在執行cnpm install(安裝專案的依賴,在node-modules目錄下)shiyong cnpm需要提前安裝cnpm

4.npm run dev(起訂專案)

二.檔案目錄介紹

node-modules專案所需的這種依賴

src目錄下是專案的所有資源,元件放到components下面

.babelrc  Es6裝Es5的配置檔案

.gitignore git忽略的檔案

.editorconfig編輯器的配置檔案

package.json專案的配置檔案,管理專案的模組,版本號名稱等等(建立專案的時候生成)

README.md讀我,專案的一些命令介紹,就是選哪個安裝一個軟體的時候一般都會有一個README.md檔案