vue(開發環境的搭建)

發現不知如何運行GitHub上的開源項目,很尷尬。經過查閱網上教程,成功搭建好項目環境,同時對前端工程化有了朦朦朧朧的認知,所以將環境搭建過程分享給你們。
首先,列出來咱們須要的東西:
node.js環境(npm包管理器)
vue-cli 腳手架構建工具
cnpm npm的淘寶鏡像前端

vue的安裝vue

1.vue的安裝依賴於node.js,因此先安裝過node.js。從node.js官網下載並安裝node,安裝過程很簡單,一路「下一步」就能夠了(傻瓜式安裝)安裝完成後可進入cmd編輯器,輸入命令 node -v進行查看,若是成功安裝node會出現 v 6.9.1node

clipboard.png

2.安裝cnpm
在命令行中輸入 npm install -g cnpm --registry=http://registry.npm.taobao.org 而後等待,安裝完成後可進入cmd編輯器,輸入命令 cnpm -v進行查看,如已成功安裝node會出現 v 6.9.1若是想進一步瞭解cnpm的,查看淘寶npm鏡像官網
後,就能夠開始vue的安裝了。這裏提一下淘寶鏡像,用淘寶鏡像的cnpm來代替npm的安裝,速度會快不少。若是使用淘寶鏡像安裝就輸入命令行 $ cnpm install -g vue-cli進行安裝,若是沒有安裝淘寶鏡像依舊用$ npm install -g vue-cli安裝:
輸入命令 cnpm -V 出現4.4.0表明淘寶鏡像安裝成功
輸入命令 vue -V 出現2.5.0表明VUE安裝成功vue-cli

3.能夠開始創建一個vue項目啦
clipboard.png<br/>
clipboard.png<br/>npm

clipboard.png<br/>前端工程化

clipboard.png<br/>架構

4.輸入http:lobalhost:8080出現如下頁面就表明成功嘍編輯器

clipboard.png

5.若是想訪問項目中的某一個頁面,請找到router這個js工具

圖片描述

打開router.js
圖片描述spa

輸入http://localhost:8080/#/login即可訪問想要訪問的頁面

相關文章
相關標籤/搜索