美文网首页
构建基于vue的nw项目

构建基于vue的nw项目

作者: 守心向暖 | 来源:发表于2017-05-31 15:46 被阅读0次
  • 创建项目目录
mkdir vue-nw
  • 使用vue-cli创建vue项目
cd vue-nw
vue init webpack
  • 以浏览器方式执行
npm install
npm run dev
  • 安装nwjs环境依赖
npm install nw --save-dev
  • 路由模式设置为history
// router/index.js
mode: 'history'
  • 设置nw项目启动地址,并指定node-remote
// package.json
"main": "http://localhost:8080/",
"node-remote": "<all-urls>"
  • 启动
// 如常启动web浏览器
npm run dev
// 因为在package.json中main指定的是web端运行的地址,因此执行下面命令后打开的是client端。
nw ./

相关文章

  • 构建基于vue的nw项目

    创建项目目录 使用vue-cli创建vue项目 以浏览器方式执行 安装nwjs环境依赖 路由模式设置为histor...

  • Vue+Element-UI构建项目

    vue-cli构建基于webpack的项目 使用vue-cli构建项目vue init webpack proje...

  • VUE项目

    基于 Vue 的 WebSocket 实时聊天实战项目 一个基于vue的,从前端到后端构建的项目。能让学到如何用,...

  • 项目开发

    基于 Vue 的 WebSocket 实时聊天实战项目 一个基于vue的,从前端到后端构建的项目。能让学到如何用,...

  • 脚手架搭建(vue-cli3)

    基于vue-cli3图形化构建和发布项目

  • vue-cli 项目初始化

    vue init webpack hello:基于webpack来构建一个名称为hello的vue项目Projec...

  • Vue起手式

    构建一个Vue项目 方法一:使用@Vue/cli Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统...

  • 7.构建项目Ⅱ

    1.借助官方提供的脚手架vue-cli构建项目 全局安装vue-cli 创建一个基于webpack的项目 时间可能...

  • 基于Vue-Cli3的Vue移动端企业级工程架构

    基于Vue-Cli3的Vue移动端企业级工程架构 本项目是基于Vue-Cli3脚手架,应用VW的自适应解决方案构建...

  • webpack

    webpack:基于项目的构建工具 安装方式:全局安装和依赖安装 vue项目中添加依赖 npm init -y :...

网友评论

      本文标题:构建基于vue的nw项目

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