一、關于vuejs

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

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

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

做一個項目開始將一些文件環境搭建好，這里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地址

轉載于:https://www.cnblogs.com/hodgson/p/6160323.html

總結

以上是生活随笔為你收集整理的【vuejs小项目】一、脚手架搭建工作的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。