sketch插件示例,包括操作图层元素、开发侧边工
src/test-file/test.sketch
This plugin was created using skpm
. For a detailed explanation on how things work, checkout the skpm Readme.
Install the dependencies
npm install
Once the installation is done, you can run some commands inside the project folder:
npm run build
To watch for changes:
npm run watch Custom Configuration Babel
To customize Babel, you have two options:
You may create a .babelrc
file in your project's root directory. Any settings you define here will overwrite matching config-keys within skpm preset. For example, if you pass a "presets" object, it will replace & reset all Babel presets that skpm defaults to.
If you'd like to modify or add to the existing Babel config, you must use a webpack.skpm.config.js
file. Visit the Webpack section for more info.
To customize webpack create webpack.skpm.config.js
file which exports function that will change webpack's config.
/** * Function that mutates original webpack config. * Supports asynchronous changes when promise is returned. * * @param {object} config - original webpack config. * @param {object} entry - entry property from webpack config * @param {boolean} entry.isPluginCommand - whether the config is for a plugin command or a resource **/ module.exports = function(config, entry) { /** you can change config here **/ };
To use the polyfills or the mocks for certain Node.js globals and modules use the node
property.
Visit the official documention for available options.
if(entry.isPluginCommand ){ config.node = { setImmediate: false } } else { config.node = false; } Debugging
To view the output of your console.log
, you have a few different options:
sketch-dev-tools
Open Console.app
and look for the sketch logs
Look at the ~/Library/Logs/com.bohemiancoding.sketch3/Plugin Output.log
file
Skpm provides a convenient way to do the latter:
skpm log
The -f
option causes skpm log
to not stop when the end of logs is reached, but rather to wait for additional data to be appended to the input
skpm publish <bump>
(where bump
can be patch
, minor
or major
)
skpm publish
will create a new release on your GitHub repository and create an appcast file in order for Sketch users to be notified of the update.
You will need to specify a repository
in the package.json
:
... + "repository" : { + "type": "git", + "url": "git+https://github.com/ORG/NAME.git" + } ...
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。