+ 
+ 
+ 
+
+
+
+
diff --git a/CocosCreatorInspector/version/cc-inspector-v1.2.zip b/CocosCreatorInspector/version/cc-inspector-v1.2.zip
new file mode 100644
index 0000000..24d408b
Binary files /dev/null and b/CocosCreatorInspector/version/cc-inspector-v1.2.zip differ
diff --git a/CocosCreatorInspector/webpack.config.js b/CocosCreatorInspector/webpack.config.js
new file mode 100644
index 0000000..a84fdfc
--- /dev/null
+++ b/CocosCreatorInspector/webpack.config.js
@@ -0,0 +1,147 @@
+let path = require('path');
+let webpack = require('webpack');
+let HtmlWebpackPlugin = require('html-webpack-plugin');
+let CleanWebpackPlugin = require('clean-webpack-plugin');
+let CopyWebpackPlugin = require('copy-webpack-plugin');
+if (process.env.NODE_ENV === 'production') {
+
+}
+
+module.exports = {
+ entry: {
+ popup: path.resolve(__dirname, "./src/popup/main.js"),
+ devInspector: path.resolve(__dirname, './src/dev/devInspector/main.js'),
+ dev: path.resolve(__dirname, './src/dev/dev.js'),
+ index: path.resolve(__dirname, './src/index/main.js'),
+ backgroundScripts: path.resolve(__dirname, './src/dev/backgroundScripts.js'),
+ contentScripts: path.resolve(__dirname, './src/dev/contentScripts.js'),
+ util: path.resolve(__dirname, './src/dev/util.js'),
+ injectScript: path.resolve(__dirname, './src/dev/injectScript.js'),
+ },
+ output: {
+ path: path.resolve(__dirname, './dist'),
+ publicPath: '/',
+ filename: '[name].main.js'
+ },
+ plugins: [
+ new webpack.HotModuleReplacementPlugin(),
+ // webpack 执行之前删除dist下的文件
+ new CleanWebpackPlugin(
+ ['dist/*'],
+ {
+ root: __dirname,//根目录
+ verbose: true,//开启在控制台输出信息
+ dry: false,//启用删除文件
+ }),
+ //index.html
+ new HtmlWebpackPlugin({
+ template: __dirname + "/src/index/index.html",
+ filename: 'index.html',
+ inject: 'body',
+ chunks: ['index']
+ }),
+ //popup.html
+ new HtmlWebpackPlugin({
+ template: __dirname + "/src/popup/popup.html",
+ filename: 'popup.html',
+ inject: 'body',
+ chunks: ['popup']
+ }),
+ //dev.html
+ new HtmlWebpackPlugin({
+ template: __dirname + "/src/dev/dev.html",
+ filename: 'dev.html',
+ inject: 'body',
+ chunks: ['dev']
+ }),
+
+ //devInspector.html
+ new HtmlWebpackPlugin({
+ template: __dirname + "/src/dev/devInspector/devInspector.html",
+ filename: 'devInspector.html',
+ inject: 'body',
+ chunks: ['devInspector']
+ }),
+
+ // 拷贝静态资源(manifest.json)
+ new CopyWebpackPlugin([
+ {
+ from: path.resolve(__dirname, 'src/assets/'),
+ to: 'static',
+ force: true,
+ // ignore: ['.*']
+ },
+ {
+ from: path.resolve(__dirname, 'src/manifest.json'),
+ to: path.resolve(__dirname, 'dist/')
+ }]),
+ new webpack.DefinePlugin({
+ 'process.env': {
+ NODE_ENV: '"production"'
+ }
+ }),
+ // new webpack.optimize.UglifyJsPlugin({
+ // sourceMap: true,
+ // compress: {
+ // warnings: false
+ // }
+ // }),
+ new webpack.LoaderOptionsPlugin({
+ minimize: true
+ })
+ ],
+ module: {
+ rules: [
+ {
+ test: /\.(less|css)$/,
+ use: [
+ 'vue-style-loader',
+ 'css-loader'
+ ],
+ },
+ {
+ test: /\.vue$/,
+ loader: 'vue-loader',
+ options: {
+ loaders: {
+ scss: 'style-loader!css-loader!sass-loader',
+ sass: 'style-loader!css-loader!sass-loader?indentedSyntax',
+ }
+ // other vue-loader options go here
+ }
+ },
+ {
+ test: /\.js$/,
+ loader: 'babel-loader',
+ exclude: /node_modules/
+ },
+ {
+ test: /\.(png|jpg|gif|svg|ttf|woff|woff2|eot)$/,
+ loader: 'file-loader',
+ options: {
+ name: '[name].[ext]?[hash]'
+ }
+ }
+ ]
+ },
+ resolve: {
+ alias: {
+ 'vue$': 'vue/dist/vue.esm.js'
+ },
+ extensions: ['*', '.js', '.vue', '.json']
+ },
+ devServer: {
+ contentBase: "./dist",//本地服务器所加载的页面所在的目录
+ historyApiFallback: true,//不跳转
+ noInfo: true,
+ inline: true,//实时刷新
+ overlay: true
+ },
+
+ performance: {
+ hints: false
+ },
+ devtool: '#source-map'
+};
+
+
diff --git a/CocosCreatorInspector/如何运行项目.md b/CocosCreatorInspector/如何运行项目.md
new file mode 100644
index 0000000..1406c09
--- /dev/null
+++ b/CocosCreatorInspector/如何运行项目.md
@@ -0,0 +1,40 @@
+# 如何运行项目
+## 使用前
+在使用之前,需要在项目目录CocosCreatorInspector下执行命令
+```
+npm install
+```
+初始化项目所需的依赖包
+# 编译
+在项目目录运行编译命令
+```
+npm run build
+```
+会生成dist目录,目录下即打包所需要的所有文件
+
+
+
+# 如何打包插件
+## 命令行方式
+- 为了能够在计算机上让gulp直行任务，所以我们需要全局安装gulp。在终端执行：
+```$xslt
+cnpm install gulp -g
+```
+- 安装完成后，我们可以同样通过命令查看是否安装成功：
+```$xslt
+gulp -v
+```
+- 运行打包任务
+```$xslt
+gulp packageCrx
+```
+## 在webstorm中运行gulp任务
+- 在gulpfile.js文件上右击选择**Show Gulp Tasks**
+
+- 如果webstorm没有检测到任务列表,需要设置下安装包,点击**设置**,
+打开**Gulp Settings...**
+
+- 设置gulp模块的物理地址,注意图中红框设置的地址
+
+- 在webstorm中的gulp视图刷新任务列表
+- 双击**packageCrx**,执行打包插件任务
diff --git a/CocosCreatorInspector/数据结构设计思路.md b/CocosCreatorInspector/数据结构设计思路.md
new file mode 100644
index 0000000..d2c2f2a
--- /dev/null
+++ b/CocosCreatorInspector/数据结构设计思路.md
@@ -0,0 +1,53 @@
+## 注入脚本收集的数据结构
+节点树数据结构
+```json
+{
+ "scene": {
+ "type":"1",// 类型
+ "uuid": "scene-uuid",
+ "name": "scene-name",
+ "children": [
+ {
+ "uuid": "node-uuid",
+ "name": "node-name",
+ "type": "cc_Node",
+ "x": 960.48,
+ "y": 540,
+ "zIndex": 0,
+ "width": 1920.96,
+ "height": 1080,
+ "active": true,
+ "color": "#ffffff",
+ "opacity": 255,
+ "rotation": 0,
+ "rotationX": 0,
+ "rotationY": 0,
+ "anchorX": 0.5,
+ "anchorY": 0.5,
+ "scaleX": 1,
+ "scaleY": 1,
+ "skewX": 0,
+ "skewY": 0,
+ "childrenCount": 5,
+ "children": []
+ },
+ {
+ "uuid":"..."
+ }
+ ]
+ }
+}
+```
+缓存游戏真实的内存结构,window.inspectorGameMemoryStorage
+```json
+{
+ "node-uuid":"node-memory"
+}
+```
+在遍历节点树的同时,会存储游戏实际的内存数据到inspectorGameMemoryStorage
+
+## 获取某个节点信息
+```
+ window.getNodeInfo
+```
+
diff --git a/LICENSE b/LICENSE
new file mode 100644
index 0000000..250520e
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2018 Zaporozhets Yura
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..cff85c1
--- /dev/null
+++ b/README.md
@@ -0,0 +1,27 @@
+# Vue.js Chrome Extension Template ([wcer](https://github.com/YuraDev/wcer))
+> Template for quick creation of Chrome extension on Vuejs c hot reloading when developing.
+
+
+
+## Installation:
+This boilerplate was built as a template for [vue-cli](https://github.com/vuejs/vue-cli) and includes options to customize your final scaffolded app.
+``` bash
+# install vue-cli
+$ npm install -g vue-cli
+# create a new project using the template
+$ vue init YuraDev/vue-chrome-extension-template my-project
+# install dependencies and go!
+$ cd my-project
+$ npm install # or yarn
+$ npm run dev # or yarn dev
+```
+
+## Structure
+* [backend](https://developer.chrome.com/extensions/background_pages): Background work of your scripts
+* [content](https://developer.chrome.com/extensions/content_scripts) Run in the context of web pages
+* [devtools](https://developer.chrome.com/extensions/devtools) - It can add new UI panels and sidebars, interact with the inspected page, get information about network requests, and more.
+* [options](https://developer.chrome.com/extensions/options) - To allow users to customize the behavior of your extension, you may wish to provide an options page.
+* popup - The page (window) that will be displayed when the icon is clicked
+* tab - Your application will work in a separate tab
+* ext - Shared scripts
+* [manifest.js](https://developer.chrome.com/extensions/manifest) - Descriptions of the application, its rights and possibilities
\ No newline at end of file
diff --git a/docs/images/mini.jpg b/docs/images/mini.jpg
new file mode 100644
index 0000000..5531765
Binary files /dev/null and b/docs/images/mini.jpg differ
diff --git a/meta.json b/meta.json
new file mode 100644
index 0000000..13e1e78
--- /dev/null
+++ b/meta.json
@@ -0,0 +1,20 @@
+{
+ "prompts": {
+ "name": {
+ "type": "string",
+ "required": true,
+ "label": "Project name"
+ },
+ "description": {
+ "type": "string",
+ "required": true,
+ "label": "Project description",
+ "default": "A Vue.js project"
+ },
+ "author": {
+ "type": "string",
+ "label": "Author"
+ }
+ },
+ "completeMessage": "To get started:\n\n cd {{destDirName}}\n npm install # or yarn\n npm run dev # or yarn dev\n\n"
+}
diff --git a/template/.babelrc b/template/.babelrc
new file mode 100644
index 0000000..c06df4d
--- /dev/null
+++ b/template/.babelrc
@@ -0,0 +1,18 @@
+{
+ "presets": [
+ ["env", {
+ "modules": false,
+ "targets": {
+ "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
+ }
+ }],
+ "stage-2"
+ ],
+ "plugins": ["transform-runtime"],
+ "env": {
+ "test": {
+ "presets": ["env", "stage-2"],
+ "plugins": ["istanbul"]
+ }
+ }
+}
diff --git a/template/.eslintignore b/template/.eslintignore
new file mode 100644
index 0000000..38b1c69
--- /dev/null
+++ b/template/.eslintignore
@@ -0,0 +1,3 @@
+core/*.js
+core/*/*.js
+build/*.js
diff --git a/template/.eslintrc.js b/template/.eslintrc.js
new file mode 100644
index 0000000..d3c9fb5
--- /dev/null
+++ b/template/.eslintrc.js
@@ -0,0 +1,31 @@
+// https://eslint.org/docs/user-guide/configuring
+
+module.exports = {
+ root: true,
+ parser: 'babel-eslint',
+ parserOptions: {
+ sourceType: 'module'
+ },
+ globals: {
+ "chrome": true
+ // chrome: true
+ },
+ env: {
+ browser: true,
+ },
+ // https://github.com/standard/standard/blob/master/docs/RULES-en.md
+ extends: 'standard',
+ // required to lint *.vue files
+ plugins: [
+ 'html'
+ ],
+ // add your custom rules here
+ 'rules': {
+ // allow paren-less arrow functions
+ 'arrow-parens': 0,
+ // allow async-await
+ 'generator-star-spacing': 0,
+ // allow debugger during development
+ 'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0
+ }
+}
diff --git a/template/.gitignore b/template/.gitignore
new file mode 100644
index 0000000..e802f55
--- /dev/null
+++ b/template/.gitignore
@@ -0,0 +1,12 @@
+# IDE
+.vscode
+
+# dependencies
+node_modules
+
+# logs
+npm-debug.log
+yarn.lock
+
+# Backpack build
+build
diff --git a/template/.postcssrc.js b/template/.postcssrc.js
new file mode 100644
index 0000000..09948d6
--- /dev/null
+++ b/template/.postcssrc.js
@@ -0,0 +1,8 @@
+// https://github.com/michael-ciniawsky/postcss-load-config
+
+module.exports = {
+ "plugins": {
+ // to edit target browsers: use "browserslist" field in package.json
+ "autoprefixer": {}
+ }
+}
diff --git a/template/core/page.ejs b/template/core/page.ejs
new file mode 100644
index 0000000..89dba33
--- /dev/null
+++ b/template/core/page.ejs
@@ -0,0 +1,11 @@
+
+
+
+
+