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    

2、安装淘宝镜像 npm install -g cnpm –registry=https://registry.npm.taobao.org 

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项目