1. 程式人生 > >vue+vue-router+vuex+git製作光影線上電影網webapp教程1

vue+vue-router+vuex+git製作光影線上電影網webapp教程1

光影線上電影網有pc端網頁版本和手機端網頁,本來想做一個微信小程式版本,但是小程式限制太多,特別是第三方線上播放資源小程式暫時不支援,所有就想到了開發一個自己的app。在這app開發技術有原生開發和混合開發,h5開發,權衡後決定用h5開發。

    h5開發app目前最火的有三大框架,angular.Js,react.Js以及vue.js。vuejs有前面兩大框架的優點,所有決定用vue開發光影線上電影網app。

技術準備:vue,vue-router,vuex,git做為版本管理。

第一步,在硬碟建立gits的資料夾,用git建立本地倉庫

1、在cmd命令視窗進入gits資料夾

2、執行git init建立本地倉庫

第二步:安裝vue-cli腳手架環境。不會的百度。

安裝順序是:1、nodeJs    

3、安裝vue  cnpm install vue 

4、全域性安裝腳手架  cnpm install -g vue-cli

第三步:在cmd命令視窗進入gits資料夾,執行下面操作

可以其他可以一路enter鍵,然後就會自動在gits資料夾內部建立一個doonl的demo資料夾

進入doonl資料夾 
cd doonl
安裝依賴 
cnpm install 
啟動 

npm run dev

就能看到瀏覽器自動打開了我們的vue專案