Working Directory

Project Path

• Editor.Project.path The absolute path of current project.

Custom Protocols

Custom protocols are used to ease the path search in main and renderer process.

• db:// Introduced in Asset Management, will mapping the root direcotry of assets. Assets can be obtained by writing db://assets/script/MyScript.js
• packages:// The packages installed path. Mapping to local project's packages folder and global package folder $HOME/.CocosCreator/packages, this means that any extension packages and files in these two directories can be indexed by this protocol. for example packages://foobar/package.json means the foobar package's package.json file.
• unpack:// The unpacked folder in Cocos Creator, including:
  • unpack://engine JavaScript Enigne Path
  • unpack://cocos2d-x C++ Engine Path
  • unpack://simulator Simulator Path

Use Editor.url() to convert the url to absolute path.

Use seprate html and css file in panel define

Use Editor.url define the HTML and CSS so that they lives in the separate file:

var Fs = require('fs');
Editor.Panel.extend({
  // css style for panel
  style: Fs.readFileSync(Editor.url('packages://foobar/panel/index.css', 'utf8')),

  // html template for panel
  template: Fs.readFileSync(Editor.url('packages://foobar/panel/index.html', 'utf8')),
  //...
});