ascoders / gaea-editor

Design websites in your browser. A smart web editor!
https://gaeajs.github.io/gaea-site/
MIT License
1.34k stars 222 forks source link

[教程-图文] 关于在Window里面使用WSL(Liunx子系统)来开发gaea-editor #60

Open jhoneybee opened 5 years ago

jhoneybee commented 5 years ago

环境要求

开启Window中的liunx子系统功能

  1. 在控制面板-> 程序和功能中开启-子系统功能

image

  1. 在Window商城中下载对应的liunx镜像 - (我这边直接使用的Debian进行开发)

image

安装环境

git 安装命令

sudo apt-get install git 

nodejs 安装

# Using Debian, as root
curl -sL https://deb.nodesource.com/setup_12.x | bash -
apt-get install -y nodejs

下载源码&运行

以上默认已经安装好运行环境

# /mnt/d/ 表示是window下的d盘

cd  /mnt/d/dev/code/github
git clone https://github.com/ascoders/gaea-editor.git
cd gaea-editor 
npm install # 等待下载完成
npm run docs  # window浏览器会自动打开http://127.0.0.1:8000/地址提供预览

用vscode 或者其他编辑器打开d盘的gaea-editor 目录下的文件进行编辑保存即可

625781186 commented 4 years ago

emmm..
因为我的win系统是ltsb版本 , 没有window store , 装好之后 系统太低 又不让装子系统 .. 所以无奈之下只能去看下 pri 的运行逻辑了 .. SO :

在window下 提供一种更快捷的办法 :

(The second method) :

step 1:
Comment out this line :

image

step 2:
npm run docs

step 3: Repair path parameters ( Beacuse the generated file path is error.)

const DocsWrapper = require('D:\\CodePro\\JS\\gaea-editor\\node_modules\\pri\\built\\built-in-plugins\\command-docs\\plugin\\docs-wrapper')
  .default;

import * as Doc0 from '..\\docs\\basic';
const Doc0Text = require('-!raw-loader!..\\docs\\basic');

image

GitChenM commented 3 years ago

emmm.. 因为我的win系统是ltsb版本 , 没有window store , 装好之后 系统太低 又不让装子系统 .. 所以无奈之下只能去看下 pri 的运行逻辑了 .. SO :

在window下 提供一种更快捷的办法 :

(The second method) :

step 1: Comment out this line :

image

step 2: npm run docs

step 3: Repair path parameters ( Beacuse the generated file path is error.)

const DocsWrapper = require('D:\\CodePro\\JS\\gaea-editor\\node_modules\\pri\\built\\built-in-plugins\\command-docs\\plugin\\docs-wrapper')
  .default;

import * as Doc0 from '..\\docs\\basic';
const Doc0Text = require('-!raw-loader!..\\docs\\basic');

image

神奇,能不能转成其它的,用这样偏门的,很头疼啊。