vue 環境搭建及項目結構的介紹

一.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下面

src 下面的app.vue是項目的主組件

.babelrc  Es6轉Es5的配置文件

.gitignore git忽略的文件

.editorconfig編輯器的配置文件

index.js  html的入口文件

package.json項目的配置文件，管理項目的模塊，版本號名稱等等（創建項目的時候生成）

README.md讀我，項目的一些命令介紹，就是選哪個安裝一個軟件的時候一般都會有一個README.md文件