vue環境搭建以及建立項目

vue.js 很火熱，以前做爲android開發對於前端了解甚少。抽空之餘，想本身嘗試一番。

vue-環境搭建

1.安裝node.js

• 咱們須要知道什麼是node.js,首先node.js不是一門語言，不是庫，不是框架，只是一個javaScript運行時環境。簡單的說node.js能夠解析javaScript。

• node.js的優勢: 快，性能高，開發效率高，應用範圍廣。

• node.js 的包管理器 npm，是全球最大的開源庫生態系統。絕大多數JavaScript相關的包都存放了npm上。

• 下載地址 ：nodejs.org/en/

• 出現下圖說明安裝完成。

  

• npm包管理器，是集成在node中的，因此，直接輸入npm -v就會以下圖所示，顯示出npm的版本信息。

  

2.vue-cli腳手架安裝

vue-cli是vue的腳手架工具，能夠幫助咱們在實際開發中自動生成vue.js的模板工程。包含目錄結構，本地調試，代碼部署，熱加載等。 全局安裝腳手架： npm install -g vue-cli

3.新建項目

選擇你要存放項目的地方。 在命令行中輸入：vue init webpack demo(項目文件夾名)

出現下圖說明建立完成：

打開剛纔的目錄會發現多了個文件夾。 而後進入文件夾 ，如： cd test

4.運行項目

安裝依賴，以下圖： npm install

而後運行 npm run dev

而後在瀏覽器中打開 http://localhost:8080

vue開發環境搭建完畢。 ps:控制檯ctrl+c能夠退出。 一塊兒動手試試把。