add icon and readme

Author: 苑朋飞

README.md

@@ -1,70 +1,6 @@
-# createvueclasscomponent README
+# Create Vue Class Component
 
-This is the README for your extension "createvueclasscomponent". After writing up a brief description, we recommend including the following sections.
+> This is a VSCode plugin to help developer quickly create a class style component .vue file.
+> The reason I make it is to save my time in work, because my new team is still using Vue2 and write class style component, so I have to adapt to it.(I am a react user and favor into hooks and functional style.)
+> I hope this little tool will help you too.
 
-## Features
-
-Describe specific features of your extension including screenshots of your extension in action. Image paths are relative to this README file.
-
-For example if there is an image subfolder under your extension project workspace:
-
-\!\[feature X\]\(images/feature-x.png\)
-
-> Tip: Many popular extensions utilize animations. This is an excellent way to show off your extension! We recommend short, focused animations that are easy to follow.
-
-## Requirements
-
-If you have any requirements or dependencies, add a section describing those and how to install and configure them.
-
-## Extension Settings
-
-Include if your extension adds any VS Code settings through the `contributes.configuration` extension point.
-
-For example:
-
-This extension contributes the following settings:
-
-* `myExtension.enable`: enable/disable this extension
-* `myExtension.thing`: set to `blah` to do something
-
-## Known Issues
-
-Calling out known issues can help limit users opening duplicate issues against your extension.
-
-## Release Notes
-
-Users appreciate release notes as you update your extension.
-
-### 1.0.0
-
-Initial release of ...
-
-### 1.0.1
-
-Fixed issue #.
-
-### 1.1.0
-
-Added features X, Y, and Z.
-
------------------------------------------------------------------------------------------------------------
-## Following extension guidelines
-
-Ensure that you've read through the extensions guidelines and follow the best practices for creating your extension.
-
-* [Extension Guidelines](https://code.visualstudio.com/api/references/extension-guidelines)
-
-## Working with Markdown
-
-**Note:** You can author your README using Visual Studio Code.  Here are some useful editor keyboard shortcuts:
-
-* Split the editor (`Cmd+\` on macOS or `Ctrl+\` on Windows and Linux)
-* Toggle preview (`Shift+CMD+V` on macOS or `Shift+Ctrl+V` on Windows and Linux)
-* Press `Ctrl+Space` (Windows, Linux) or `Cmd+Space` (macOS) to see a list of Markdown snippets
-
-### For more information
-
-* [Visual Studio Code's Markdown Support](http://code.visualstudio.com/docs/languages/markdown)
-* [Markdown Syntax Reference](https://help.github.com/articles/markdown-basics/)
-
-**Enjoy!**

images/vue_logo.png

@@ -2,13 +2,18 @@
 	"name": "createvueclasscomponent",
 	"displayName": "CreateVueClassComponent",
 	"description": "create vue class component",
-	"version": "0.0.1",
+	"icon": "images/vue_logo.png",
+	"version": "0.0.2",
+	"publisher": "pengfeiyuan",
 	"engines": {
 		"vscode": "^1.57.0"
 	},
 	"categories": [
 		"Other"
 	],
+	"repository": {
+		"url": "https://github.com/GitHubJiKe/createvueclasscomponent"
+	},
 	"activationEvents": [
 		"*"
 	],
@@ -23,9 +28,7 @@
 		"keybindings": [
 			{
 				"command": "createvueclasscomponent.create",
-				"key": "ctrl+f9",
-				"mac": "cmd+n",
-				"when": "editorTextFocus"
+				"when": "explorerResourceIsFolder || resourceScheme == file"
 			}
 		],
 		"menus": {
@@ -50,7 +53,7 @@
 		"pretest": "npm run compile && npm run lint",
 		"lint": "eslint src --ext ts",
 		"test": "node ./out/test/runTest.js",
-		"esbuild-base": "esbuild ./src/extension.ts --bundle --outfile=out/main.js --external:vscode --format=cjs --platform=node",
+		"esbuild-base": "esbuild ./src/extension.ts --bundle --outfile=out/extension.js --external:vscode --format=cjs --platform=node",
 		"esbuild": "npm run -S esbuild-base -- --sourcemap",
 		"esbuild-watch": "npm run -S esbuild-base -- --sourcemap --watch"
 	},

package.json

@@ -37,7 +37,9 @@ function createComponent(uri: { path: string }, componentName: string) {
 
     const arr = uri.path.split('/');
 
-    arr.pop();
+    if (fs.lstatSync(uri.path).isFile()) {
+        arr.pop();
+    }
 
     const filePath = arr.join('/');
 
@@ -52,7 +54,7 @@ module.exports = function (context: { subscriptions: any[]; }) {
             placeHolder: 'MyComponent',
             prompt: 'What is the name of the new component?',
         });
-
+        
         createComponent(uri, convertComponentName(componentName!));
     }));