美文网首页JavaScript我爱编程
构建Wep App 2018(一)|搭建项目环境|Vue+Exp

构建Wep App 2018(一)|搭建项目环境|Vue+Exp

作者: 绍重先 | 来源:发表于2018-03-31 16:19 被阅读68次

工具需求:

Vue.js:https://cn.vuejs.org
Vuetify:https://vuetifyjs.com/zh-Hans/
Node.js:https://nodejs.org/zh-cn/
Express:http://www.expressjs.com.cn
MongoDb:https://www.mongodb.com
Material Icon:https://material.io/icons/


1、配置cordova项目

  • 安装cordova
npm install -g cordova
  • 新建codova项目
cordova create webApp
  • 进入项目目录 新增平台设置(Android)
cd webApp
cordova platform add android
  • 目录树
  • (可选)在config.xml/package.json中修改app名和描述

  • 测试build

cordova build android

2、在cordova目录下配置Vue项目

  • 全局安装Vue-cli脚手架
npm install -g vue
npm install -g vue-cli
  • 初始化Vue App(webpack)
vue init webpack client
  • 修改项目build设定(修改Vue项目config/index.js文件)
    初始代码:

修改后代码:

  • build add
cd client
npm run build

相关文章

网友评论

    本文标题:构建Wep App 2018(一)|搭建项目环境|Vue+Exp

    本文链接:https://www.haomeiwen.com/subject/lgggcftx.html