{"id":14967726,"url":"https://github.com/searking/preview-vscode","last_synced_at":"2025-10-25T21:32:01.537Z","repository":{"id":45044022,"uuid":"58319312","full_name":"searKing/preview-vscode","owner":"searKing","description":"A Previewer of Markdown and HTML for Visual Studio Code","archived":false,"fork":false,"pushed_at":"2025-01-23T06:21:40.000Z","size":5099,"stargazers_count":33,"open_issues_count":5,"forks_count":13,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-01-31T10:51:10.398Z","etag":null,"topics":["css","html","image","jade","markdown","mermaid","preview-vscode","pug"],"latest_commit_sha":null,"homepage":"https://marketplace.visualstudio.com/items?itemName=searKing.preview-vscode","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/searKing.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-05-08T15:47:01.000Z","updated_at":"2025-01-26T10:34:10.000Z","dependencies_parsed_at":"2024-05-14T06:28:02.018Z","dependency_job_id":"ba7d8e2f-90b2-4d74-b185-9a437028c3e7","html_url":"https://github.com/searKing/preview-vscode","commit_stats":{"total_commits":320,"total_committers":8,"mean_commits":40.0,"dds":0.38125,"last_synced_commit":"d3c1fe78b99b5a49acecef5b0c9fb24afe0a34e5"},"previous_names":[],"tags_count":13,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/searKing%2Fpreview-vscode","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/searKing%2Fpreview-vscode/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/searKing%2Fpreview-vscode/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/searKing%2Fpreview-vscode/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/searKing","download_url":"https://codeload.github.com/searKing/preview-vscode/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":238212426,"owners_count":19434955,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","html","image","jade","markdown","mermaid","preview-vscode","pug"],"created_at":"2024-09-24T13:38:31.370Z","updated_at":"2025-10-25T21:31:55.973Z","avatar_url":"https://github.com/searKing.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# preview-vscode\n\nA Previewer of Markdown, ReStructured Text, HTML, Jade, Pug, Mermaid files, Image's URI for Visual Studio Code\n\n## README\n\nAn extension to preview Markdown, ReStructured Text, HTML, Jade, Pug or Mermaid files or Image's URI while editing them in VSCode\n\nThe extension can be activated in two ways\n\n* Toggle Preview\n  * Linux \u0026 Windows: `ctrl+shift+v`\n  * MAC:`cmd+shift+v` or `ctrl+shift+v`\n* Open|Close Preview to the Side\n  * Linux \u0026 Windows: `ctrl+k v`\n  * MAC:`cmd+k v` or `ctrl+k v`\n\nJust press the same key when you want to go back to the original view.\n\n## DETAIL\n\n* If file type is Markdown, ReStructured Text, HTML, Jade, Pug or Mermaid\n  * Just do as the operation as mentioned.\n* If file type is other\n  * Just click on a  \n    * image URI (/http[s]{0,1}:\\/\\/|file:\\/\\/|\\s[\\.]{0,2}\\//).\n      * for example: http://, https://, file://, /, ./\n    * css properities ({})\n      * for example: {color: blue}\n    * others as Markdown, ReStructured Text, HTML, Jade or Mermaid\n    * Just do as the operation as mentioned and a showQuickPick will pop up to show choices.\n    * ![Demonstration](media/demonstration.gif)\n\n## Contributing\n\n* If you want to develop and debug this extension from source code, and run 'npm install' under the root dir of this extension,\n\n* npm packages vscode and typescript is needed as an environment\n\n    ```bash\n    npm install vscode\n    npm install typescript\n    ```\n\n* Cannot find module 'vscode'? Please run 'npm run postinstall' under the root dir of this extension,\naccording to [Cannot find module 'vscode' – where is vscode.d.ts now installed? #2810](https://github.com/Microsoft/vscode/issues/2810#issuecomment-182209917)\n  * Error installing vscode.d.ts: Error: connect ETIMEDOUT 51.144.164.215:443\n    * npm use npm proxy instead of HTTP_PROXY, so proxy takes no effect if npm_proxy is not set\n      * set proxy for npm\n\n        ```bash\n        npm config set proxy http://username:password@proxy_server:proxy_port\n        npm config set https-proxy http://username:password@proxy_server:proxy_port\n        ```\n\n      * another way, run 'npm_config_proxy=\"http://username:password@proxy_server:proxy_port\" npm_config_https_proxy=\"http://username:password@proxy_server:proxy_port\" npm run postinstall' instead(npm_config_https_proxy can be ignored if npm_config_https_proxy is the same as npm_config_proxy).\n\n      * execute `sudo` command with proxy, accroding to [Pro Terminal Commands: How and Why To Edit Sudoers on macOS](https://www.applegazette.com/mac/pro-terminal-commands-how-and-why-to-edit-sudoers-on-macos/)\n\n        ```bash\n        # edit /etc/sudoers\n        sudo visudo\n        # add codes below\n        Defaults env_keep += \"http_proxy\"\n        Defaults env_keep += \"https_proxy\"\n        Defaults env_keep += \"no_proxy\"\n        Defaults env_keep += \"ftp_proxy\"\n        Defaults env_keep += \"npm_config_proxy\"\n        Defaults env_keep += \"npm_config_https_proxy\"\n        Defaults env_keep += \"HTTP_PROXY\"\n        Defaults env_keep += \"HTTPS_PROXY\"\n        Defaults env_keep += \"NO_PROXY\"\n        Defaults env_keep += \"FTP_PROXY\"\n        Defaults env_keep += \"NPM_CONFIG_PROXY\"\n        Defaults env_keep += \"NPM_CONFIG_HTTPS_PROXY\"\n        ```\n\n* Cannot find module 'console'? Please run 'npm install @types/node' under the root dir of this extension,\naccording to [Node projects with --lib es6: cannot find name 'console' #9545](https://github.com/Microsoft/TypeScript/issues/9545#issuecomment-239732016)\n\n* Node.js's version is too old ? following this two ways, choose one:\n  * [NodeSource Node.js Binary Distributions](https://github.com/nodesource/distributions), and you will get the latest version installed automatically !\n  * install n to maintain the version\n    * install module n\n\n        ```bash\n        sudo mkdir -p $(npm config get prefix)/n\n        sudo chown -R $(whoami) $(npm config get prefix)/{lib/node_modules,bin,share,n}\n        sudo npm install -g n\n        ```\n\n    * update Node.js\n      * latest stable version\n\n        ```bash\n        sudo n stable\n        ```\n\n      * any version\n\n        ```bash\n        sudo n 7.6.0\n        sudo n v7.6.0\n        ```\n\n      * manually update\n        * explore for the version you want, [click this to explore-\u003e\u003e](https://nodejs.org/download/)\n        * download the node file, such as v7.3.0\n\n            ```bash\n            # Broken-point Continuingly-transferring is supported.\n            wget -c https://nodejs.org/download/release/v7.3.0/node-v7.3.0-linux-x64.tar.gz\n            ```\n\n        * install Node.js, such as v7.3.0\n\n            ```bash\n            mkdir -p /usr/local/n/versions/node/\n            tar -zxvf node-v7.3.0-linux-x64.tar.gz 7.3.0/\n            ln -sf /usr/local/n/versions/node/7.3.0/bin/node /usr/bin/node\n            ```\n\n* Node Package's version is too old? following this way:\n  * install module npm-check\n\n    ```bash\n    npm install -g npm-check\n    ```\n\n  * check for installed npm packages's version\n\n    ```bash\n    # set flag -g for global packages, else for local packages\n    npm-check -u\n    ```\n\n  * do as npm-check tells\n\n* Meet NPM problem: npm ERR! extraneous when you run npm list? Please run 'npm prune -x' to clean unneeded packages,\naccording to [NPM problem: npm ERR! extraneous](http://lifeonubuntu.com/npm-problem-npm-err-extraneous/)\n\n* How to publish this extension? Please run 'npm install -g vsce' to install vsce, according to [publishing-extension](https://code.visualstudio.com/api/working-with-extensions/publishing-extension)\n\n* Meet This extension consists of 12756 files, out of which 7903 are JavaScript files. For performance reasons, you should bundle your extension: https://aka.ms/vscode-bundle-extension . You should also exclude unnecessary files by adding them to your .vscodeignore: https://aka.ms/vscode-vscodeignore\n  * [Ignore dependencies of devDependencies](https://github.com/microsoft/vscode-vsce/issues/52)\n  * vim webpack.config.js, and enable http server for `webpack-bundle-analyzer`\n\n    ```js\n    - analyzerMode: 'disabled'\n    + analyzerMode: 'server'\n    ```\n\n\n* 'vsce package \u0026\u0026 vsce publish' failed?\n\n  ```info\n  Executing prepublish script 'node ./node_modules/vscode/bin/compile'...\n  Error: Command failed: node ./node_modules/vscode/bin/compile\n  ```\n\n  * execute this command and you will get the error message in the console\n\n  ```bash\n  npm run vscode:prepublish\n  ```\n\n  * fix the error and retry 'vsce publish'\n\n* [Write Your First Extension](https://code.visualstudio.com/api/get-started/your-first-extension)?\n\n## Thanks to\n\n* [html-preview-vscode](https://github.com/tht13/html-preview-vscode.git).\n\n* [vscode-imagepreview](https://github.com/buzzfrog/vscode-imagepreview.git).\n\n* [vscode-mermaid-preview](https://github.com/vstirbu/vscode-mermaid-preview.git).","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsearking%2Fpreview-vscode","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsearking%2Fpreview-vscode","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsearking%2Fpreview-vscode/lists"}