【vuejs小項目】1、腳手架搭建工做

1、關於vuejs

這是一個MVVM的前端開發框架，model（數據）、viewmode（通信）、view（視圖），它吸收了reactjs和angularjs的長處，核心重點在於組件化的設計原則。

咱們都知道一個普一般見的頁面，他會由header,body,footer,組成，裏面再細分還有nav，list，slidebar等等，組件化就是將這些會重複用到的代碼封裝起來，在一個頁面中須要用到的時候進行引入。

2、搭建腳手架（初始化項目）

作一個項目開始將一些文件環境搭建好，這裏vue提供了vue-cli做爲項目搭建工具，在nodejs環境下進行安裝，nodejs版本在4.0以上

如下是在window環境下的安裝步驟

1.node -v 查詢版本

2.npm install -g vue-cli 安裝vue-cli

3.vue 查看是否安裝成功

4.vue list 查看可用模板

5.vue init webpack project-name 選擇一個模板（webpack）初始化，注意這裏進入到須要項目所在目錄，而後根據提示填寫做者等內容

6.cd project-name 進入項目文件夾

7.npm insatll 安裝依賴，這裏是由於在init後文件根目錄下有一個package.json文件，這個文件中包含了所須要的包，能夠自動安裝。在沒有這個文件的時候咱們須要先init 而後安裝所須要的包，package.json會顯示安裝成功後的包的版本信息

8.npm run dev 啓動項目，端口號是8080

vue-cli github地址