安装lite-server,在你的truffle项目目录下,执行: npm install lite-server 安装完之后会在项目目录下声称node_modules目录,lite-server以及依赖的模块都在该目录下了 要运行lite-server,还需要编写项目目录下的package.json文件: { "name": "项目名称", "version": "1.0.0", "description \" && exit 1" }, "author": "", "license": "ISC", "devDependencies": { "lite-server /build/contracts"] } } baseDir是用来设置lite-server所提供的web服务的文件路径的。这个设置表明你可以把你上面写的app.js,依赖的各种js放到. 启动lite-server,执行: npm run dev 不仅启动了lite-server,而且会启动一个浏览器去打开页面。
my-project --style less cd my-project ng add ng-alain 2.添加PWA支持 ng add @angular/pwa 3.添加服务 npm install lite-server --global 4.启动PWA ng build --prod && lite-server --baseDir dist/my-project
Ubuntu系统 3,配置远程登录Ubuntu系统 4,安装git,NodeJS,solc,testrpc,truffle,Geth客户端 5,可选按照Ganache, Lite-Server 浏览器地址输入:chrome://extensions/ 【MetaMask官网】https://metamask.io/#how-it-works (8)安装 lite-server 【可选】 【定义】lite-server 是轻量级的,仅适用于开发 的 node 服务器, 它仅支持 web app。 安装与使用 以下是被推荐的安装lite-server的方式: $ npm install lite-server --save-dev 在你的项目中的 "scripts": { "dev": "lite-server" }, 有了上面的script 入口, 你就可以通过以下命令来启动 lite-server 了:
【环境前置条件】 参考《第一课 如何在WINDOWS环境下搭建以太坊开发环境》,已完成Ubuntu的安装,已完成TRUFFLE,Ganache-cli,lite-server的安装; 本案例是通过WINDOWS 安装和配置lite-server 【定义】lite-server 是一个全功能的网站架设工具软件包轻量级的,仅适用于开发 的 node 服务器, 它仅支持 web app。 参考文章《第一课 如何在WINDOWS环境下搭建以太坊开发环境》的"(8)安装 lite-server 【可选】”章节完成lite-server的安装。 bs-config.json文件指示了lite-server的工作目录。 { "server": { "baseDir": ["./src", ". ": "^2.3.0" } } 当在新的命令窗口运行npm run dev的时候,就会启动lite-server cd /usr/work/dapp-guide-pet-shop npm run
, "main": "", "directories": { "test": "test" }, "scripts": { "dev": "lite-server", 【定义】lite-server 是轻量级的,仅适用于开发 的 node 服务器, 它仅支持 web app。 1)安装lite-server npm install lite-server --save-dev 【结果】 duncanwang@ubuntu64bit-server:~/go/work/contract-tool-cpp /testRegUser$ npm install lite-server --save-dev npm WARN testRegUser@1.0.0 No repository field. npm Using lite-server defaults... ** browser-sync config ** { injectChanges: false, files: [ './**/*.
angular2-quickstart", "version": "1.0.0", "scripts": { "start": "npm run lite", "lite": "lite-server "0.0.20", "bootstrap": "^3.3.6" }, "devDependencies": { "concurrently": "^2.0.0", "lite-server
address/0xa65fc2fbbfb0c74a984144df3174853fe74e2179 (2) 本次因为不需要采用本地环境,所以不需要启动ganache-cli环境,但是需要在独立环境窗口安装,运行lite-server 输入命令: npm install lite-server --save-dev npm run dev 安装成功输出参考: duncanwang@ubuntu:~/work/dapp-guide-pet-shop $ npm install lite-server --save-dev npm WARN truffle-hdwallet-provider@0.0.6 requires a peer of truffle 2.4.0 added 19 packages from 24 contributors, removed 19 packages and updated 40 packages in 41.6s lite-server 运行成功参考: > pet-shop@1.0.0 dev /home/duncanwang/work/dapp-guide-pet-shop > lite-server ** browser-sync
安装和配置lite-server 接下来需要本地的web 服务器提供服务的访问, Truffle Box pet-shop里提供了一个lite-server可以直接使用,我们看看它是如何工作的。 bs-config.json指示了lite-server的工作目录。 { "server": { "baseDir": ["./src", ". /build/contracts 是合约输出目录 以此同时,在package.json文件的scripts中添加了dev命令: "scripts": { "dev": "lite-server", "test": "echo \"Error: no test specified\" && exit 1" }, 当运行npm run dev的时候,就会启动lite-server 启动服务 >
4、安装和配置lite-server 接下来需要本地的 web 服务器提供服务的访问,Truffle Box pet-shop 里提供了一个 lite-server 可以直接使用,我们看看它是如何工作的 bs-config.json 指示了 lite-server 的工作目录。 { "server": { "baseDir": ["./src", ". /build/contracts 是合约输出目录 以此同时,在package.json文件的scripts中添加了dev命令: "scripts": { "dev": "lite-server", "test": "echo \"Error: no test specified\" && exit 1"}, 当运行npm run dev的时候,就会启动lite-server 5、启动服务 > npm
"scripts": { "start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\" ", "lite": "lite-server "0.0.20", "bootstrap": "^3.3.6" }, "devDependencies": { "concurrently": "^2.2.0", "lite-server
err.message); }); }); } }; $(function() { $(window).load(function() { App.init(); }); }); 安装配置 lite-server (这里定义了lite server,一会儿浏览器访问dapp用) 命令行启动lite-server: 命令: npm run dev npm run dev > pet-shop@1.0.0 dev /Users/a212/Desktop/petShop > lite-server ** browser-sync config ** { injectChanges: false, files
. ... 0x7c1f6621db07f5e5894ceb0c556690abea6c26ba838dc3673e0f6fb5503f4b79 Saving artifacts... 4] 安装lite-server ,并在新窗口启动lite-server ~/work/detect-metamask$ npm install lite-server --save-dev ~/work/detect-metamask
.. ... 0x7e11f6e32585524e338e73439e4026c7c766625e5d23d56a4c90f8a11e5001ed Saving artifacts... 2)启动lite-server duncanwang@ubuntu:~/work/name-age$ npm run dev > pet-shop@1.0.0 dev /home/duncanwang/work/name-age > lite-server 打开主页 输入lite-server提示的主页地址:http://10.225.18.149:3000 可以看到页面输出信息。
安装和配置lite-server 接下来需要本地的Web服务器提供服务访问。Truffle Box pet-shop里提供了一个lite-server可以直接使用,我们看看它是如何工作的。 bs-config.json指示了lite-server的工作目录。 ? ./src 是网站文件目录。./build/contracts 是合约输出目录。 当运行npm run dev的时候,就会启动lite-server。 启动服务 启动服务代码,如下所示。 ? 自动打开浏览器显示我们的DApp。
打造高效前端工作环境 - tmux 前言 现在前端开发可不容易啊,先打开个VIM,然后再打开个lite-server,一不小心写个ES2015还要打开个gulp来做预编译,如果能把这么多个窗口放在一个工作台上那就好了
lite-server 是轻量级的,仅适用于开发 的 node 服务器, 它仅支持 web app。