1. Plugin download and reload HTML in Vscode SnippetsThe Files.associations object is configured in 2.settings.json.Find the Setting.json file: Files--and preferences--set into our Setting.json file editorThen find the Files.associations object in "Common settings" in Settings.json.Click the edit flag on the leftFinally, on the right, edit the code as follows:"Files.associations": {"*.ejs": "html", "*.js": "html", "*.vue": "HTML"}, "Emmet.triggerexpan
Pain point:React Library The recent growth trend is obvious, many friends are choosing to learn, many companies are also choosing to use the react stack.
However, when using the React library to write code, there is a very distressing problem, that is, the label in the JSX syntax can not be automatically complete (vscode)
Then we often think of downloading the corresponding plug-in to solve this problem, we can try a number of plugins, or not
Modifying the Tasks.json configuration fileLocate the Tasks.json configuration file under the. Vscode folder and drag it into Visual Studio Code to modify it.You can also press CTRL + Shift + p to enter: task, select Configure Task Runner.To modify a configuration file:
The command corresponding "echo" is modified to "Python".
The ["Helloworld"] corresponding to args is modified to ["${file}"].
Save the changes (Ctrl + s).
Today configuration environment to get a half day, the reason is Golang official website was wall, unable to download package.
1. Installing Golang
1). Download on official website2). Unzip and move to /usr/localin the download directory, tar -C /usr/local -xzf go$VERSION.$OS-$ARCH.tar.gz3). Add environment Variables in ~/.BASHRC
export GOROOT=/usr/local/go export GOPATH=$HOME/go export PATH=$PATH:$GOROOT/bin:GOPATH
4). After completing the environment settings, use the source ~./ba
Online currently can not find a complete Mac under the Golang environment configuration support, I configured the success, now collated to share out.Mac better install Xcode, as if it had dependenciesInstalling homebrewOpen terminal window, paste script execution/usr/bin/ruby-e "$ (curl-fssl https://raw.githubusercontent.com/Homebrew/install/master/install)"Install the latest version of the Go language, to the official website https://golang.org/dl/download, need to hang science online recommend
first, in the vscode to download the plugin and enable, and then flip through the plugin's readme, we can see the FAQ:Ii. configuring Files.associations objects in Settings.jsonFirst, open files--preferences--settings, and you'll see the Settings.json fileThen find the Files.associations object in "Common settings" in Settings.json.Then slide the mouse to the left of the object, will appear an "edit" the logo, click on it, will open the right edit pag
First navigate to D:\Program Files\Microsoft VS Code\resources\app\extensions, change the path to its own, open the Python and LUA directories, and modify the Language-configurat Ion.json files. python
Python defaults have been matched, but not well matched, only support #region, if there is a space between # and region (# Region) is not, the folding changed to the following is good:
"Folding": {
"Offside": true,
"markers": {
"start": "^\\s*#\\s*region\\b",
Install the Sync plugin first
The second part goes into your GitHub as shown:
Open the Settings option:
Create a token:
As shown in figure:
Remember this token value
Go to Vscode
Press Shift+alt +u to enter your token in the pop-up window, and then wait for the SyncSummary.txt file to open in the window so that it succeeds.
SyncSummary.txt This file has a gist value or the value of gist in the user settings file, this value is
Vscode with g++ compilation and debugging
compiling
Debug
Programming with Vscode is not as convenient as vs. Some things need to be configured. compiling
Compile the configuration:Tasks – Run Tasks – Configure task –othersGenerate the Tasks.json file:
{
//See https://go.microsoft.com/fwlink/? linkid=733558
/For the documentation about the Tasks.json format
"version": "2.0.0",
"Tasks": [
first, A. NET core learning site was found:HTTPS://DOCS.MICROSOFT.COM/ZH-CN/ASPNET/CORE/TUTORIALS/WEB-API-VSC 1. Create and run a. NET Core 2.0 Web projectwill automatically generate the following itemsAdded in the Run configuration. NET core Lanuch (Web) configuration, modify the contents of the programRun the project2. Create WebapiSame as Web configuration run after startupOther Notes:Both 1.web and WEBAPI are enabled by default at 5000 ports. Webapi stops the site after it starts(ii)
Install the plugin php-debug.
Locate the xampp file under the installation directory readme_en.txt to view php the specific PHP 5.6.30 (VC11 X86 32bit thread safe) + PEAR version.
Download the php corresponding version of the plugin in Xdebug.PHP 5.6 VC11 TS (32 bit) (SHA256: cec798666b069f8c2d5b44222c878095d3d97c456ef94a79e0d6f2bd74658e41)
Copy the download php_xdebug-2.5.4-5.6-vc11.dll to the C:\xampp\php\ext directory.
Returns the parent directory, which C:\xampp\php , if found php.ini ,
Vscode adding browser debugging and JS debugging methods1, directly press F5 can be debugged method or click the Run button (you can directly run the HTML file or JS file)The configuration in the Launch.json file is as follows:{ "version": "0.2.0", "configurations": [{ "name": "Google Browse Browser ",//Run HTML file, open with Google Chrome " type ":" Chrome ", NBSP ; "Request": "Launch", "url": "${file}", " Sourcemaps ": tr
upper-left corner:Then just hook up the option in the Red box. Then you are in a terminal window command+t the new window's directory is the current directory.The third one:Under terminal How to open the current directory in Findle, this just enter open. Just, remember, a little.OK, let's move on to the following:1, at the end of a random directory inputCdYes, just a CD.2, Ls-alThen see if the current directory has this file:This is the config file for zsh, and we are going to configure it here
When editing the Vue file with Vscode, it is easy to find that the formatting code does not take effect between Files--Preferences---> SettingsSearch for vetur.format.defaultFormatter.html (if you have already installed the "Vetur" plugin)You can see that the value is NoneChange None to js-beautify-html.Vscode the HTML part of the Vue file format invalidation problem resolution
casing, for example on ${env:Path} Windows.Below is an example of a custom task configuration this passes the current opened file to the TypeScript compiler.{ "taskName": "TypeScript compile", "type": "shell", "command": "tsc ${file}", "problemMatcher": [ "$tsc" ]}Partial translation: (from the Internet)${workspaceroot} The absolute path of the folder currently open + the name of the folder${workspacerootfoldername} The name of the folder that is currently open${file} currently open the f
Microsoft's Vscode really powerful, electron frame written, with JS writing desktop applications, have the ability to analyze someone else's source code, anyway, I can not see, too cow brokeAfter a follow-up with the new I found something strange in the component (VUE) inside the HTML code can not be formatted, found a solution on the internet, but this year my friend asked me when I forgot, in the second record, also shareFirst open Vscode's "file pr
1. Install Xcode2, the terminal executes Xcode-select--install, installs the Command line development tool3. Install the Vscode and add the Go plugin4. Edit any. go file and follow the prompts to install the Go development component5, because of the domestic GW wall relationship, installation must fail, according to the error message will be golang.org/x/??? and other source code from GitHub clone to the Go directory in the SRC path corresponding to t
1. Installing VUE_CLIIf NPM is installed, enter NPM install-g vue-clidirectly on the command line, installed in the Global components directoryWhen you're done, you can test the command2. Import ProjectOpen vscode-------> File---------> Open folder---------> select project folder--------> OK;Then click on inherit terminal in view or use "ctrl+~" to bring up the terminalEnter a command from the terminal into the program directory, enter the NPM install
VS code-related plugins:Chinese (Simplified) Language Pack for Visual Studio Codedebugger for Chromeeslintvetur one install: Install vs code plugin Debugger for CHR ome two configuration: Config index.jscachebusting changed from true to FalseCachebusting:true,Cachebusting:false,devtool changed from Cheap-module-eval-source-map to Source-mapDevtool: ' Cheap-module-eval-source-map ',Devtool: ' Source-map ', three configuration: Launch.json file configuration{"Version": "0.2.0","Configurations": [{
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.