Where to find sharing option in vscode? - visual-studio-code

I am currently working on vs code with version 1.8. Recently microsoft introduce new feature which called Visual studio Live Share.My problem is that I am not able to find sharing button or menu/submenu.
If you have any idea where to find or how to share code using vs code.please help me.

A few month later (from Nov. 2017 to May 2018), the Live Share feature is now ready: see "Visual Studio Live Share Public Preview", and "Visual Studio Live Share" to download the extension.
The documentation explains, for Visual Studio Code, how to share:
Start a collaboration session
Now, simply click the "Share" status bar item or hit Ctrl+Shift+P and select "Live Share: Start a collaboration session (Share)".
Note: You may be asked by your desktop firewall software to allow the Live Share agent to open a port the first time you share. Accepting this is entirely optional but enables a secured "direct mode" to improve performance when the person you are working with is on the same network as you are.
See changing the connection mode for details.
An invite link will be automatically copied to your clipboard.
When opened in a browser, this link allows others to join a new collaboration session that shares contents of these folders with them.
You will also see the "Share" status bar item transition to represent the session state. See session state information below for what this looks like.
Note that if you need to get the invite link again after you've started sharing, you access it again by clicking on the session state status bar icon and select "Invite Others (Copy Link)".

Related

Not able to access microsoft teams toolkit

I am trying to create new teams app using Microsoft teams toolkit inside visual studio code.
I have installed Microsoft teams toolkit extension. When I am trying to create a new app all the options are disabled and show the clock symbol on teams extension. Please help me out to resolve this issue.
I am attaching image link hereimage
Thank you so much in advance.
The extension takes some time (usually several seconds) to activate which depends on the machine state. If this is your first installation, the time cost is larger. From the attached image, it seems that the Teams Toolkit extension is still activating so that it has a running progress bar on the top of sidebar. During this time, the buttons are disabled. After that, the buttons will be enabled.

What is 'Restricted mode' in the VS Code status bar and how can I disable it?

In VS Code 1.57, I see this on the left of my status bar:
What is Restricted mode and how I can I remove this from my status bar?
How to disable the "Trust" feature
This will disable all prompts and trust mode features, making vscode behave exactly like it did before this feature was added.
GUI (ctrl ,)
Search for "Trust" in the settings menu and uncheck: security.workspace.trust.enabled
settings.json
add the following line: "security.workspace.trust.enabled": false
What is Restricted Mode?
At first glance, this new "Restricted Mode" seems unnecessary and obtrusive.
I believe its purpose is to prevent execution of untrusted code - e.g. as a result of an extension or using the "debug" option on an untrusted file. It seems to work in a similar manner to the restricted mode on MS Office apps, like MS Word, which restricts editing, saving and printing files until manually enabled.
From the Visual Studio Code documentation on Workspace Trust:
Restricted Mode tries to prevent automatic code execution by disabling or limiting the operation of several VS Code features: tasks, debugging, workspace settings, and extensions.
Personally, I have never come up against a situation where this would have been a problem and it seems like a constant nuisance for the sake of the one occasion it could be useful. That said, I imagine some people work with potentially dodgy files more often.
What can I do about it?
There are four new settings that allow us to customise this feature:
If you wanted to remove the feature, you can just switch off Trust, which "Controls whether or not workspace trust is enabled within VS Code". I have tried this and it does seem to completely disable this new feature - even removing related options from the command palette.
You can also control how VS Code works when opening an empty environment and how VS Code behaves with regards to untrusted files.
If you keep "Trust" enabled, you can also configure folders that you consider "safe" - for example your usual workspace, vs. your downloads folder.
Follow these steps to configure your trusted folders:
Hit CTRL+SHIFT+P (or your local equivalent) to open the Command Palette.
Start typing Workspaces: Manage Workspace Trust and select the entry when it comes up.
Alternatively, click the cog and select "Manage Workplace Trust", as it seems there is a new entry for it there.
You will be presented with the following form, showing the option to trust/untrust the current window and an option at the bottom-left to configure trusted folders:
Select the "Add Folder" button at the bottom and add folders that you trust.
Where can I find more information?
The release notes for VS Code v1.57 can be found on GitHub. There is also a specific page dedicated to workspace trust on code.visualstudio.com.
Another new option, from VSCode 1.58 (June 2021)
Workspace Trust Banner Setting
Speaking of settings to configure the Workspace Trust feature, you'll notice a new setting to configure when the banner appears to notify indicate the current window is in restricted mode.
Like the security.workspace.trust.startupPrompt setting, the new security.workspace.trust.banner allows you to completely disable the banner after you've become familiar with the Workspace Trust feature and don't need any indication of which of your windows are in restricted mode.
By default, this banner shows once per workspace and remains until it is dismmissed.
Note: the new (July 2021) article "Workspace Trust" by Chris Dias details that "Trust" concept.
We specifically ask if you trust the authors of this workspace because VS Code can't tell if the code is malicious or not (hey, we just know 1's and 0's), where it came from, if you intend to contribute to the project, etc.
You, on the other hand, are smart and you know where the code came from: you (ok), your company (probably ok), your buddy Kai (depends), or some random person on the internet (definitely not).
That knowledge helps make the tool smarter. If you trust the author, great! The tools and extensions have the green light to do their thing and provide a magical experience, and we're not going to bug you again.
If you don't, you are telling us be careful VS Code, don't execute any code. This is what we call Restricted Mode, where potentially harmful functionality is disabled so you can more safely browse the code and eventually make an informed decision.
Note:
From our own dogfooding as well as through interviews with other developers, we found that people generally have a primary folder where they put all their sources and consider it trustworthy.
We therefore added the ability to trust the parent folder directly from the dialog.
You can trust it and all the sub folders with one click and then you won't see the trust prompt again.
Restricted Mode
When prompted by the Workspace Trust dialog, if you choose No, I don't trust the authors, VS Code will go into Restricted Mode to prevent code execution. The workbench will display a banner at the top with links to Manage your folder via the Workspace Trust editor and Learn More about Workspace Trust.
You will also see a Restricted Mode badge in the Status bar.
Restricted Mode tries to prevent automatic code execution by disabling or limiting the operation of several VS Code features tasks, debugging, workspace settings, and extensions.
To see the full list of features disabled in Restricted Mode, you can open the Workspace Trust editor via the Manage link in the banner, or by clicking the Restricted Mode badge in the Status bar.
More Information
Restricted mode means that you are currently working in an untrusted workspace ('restricted mode'). In 'restricted mode', some editor features (debugging, tasks, some extensions) are disabled to keep you safe when dealing with a project from an unknown source.
To disable the Restricted mode status bar entry:
Right click in the status bar
Uncheck the workspace trust entry
Note that this only hides the status bar entry, it does not change the trusted state of the workspace. This answer covers more details on workspace trust, how to trust a workspace (which also removes the status bar entry), and how to disable workspace trust entirely if needed
Even after disabling the Restricted Mode status bar entry, you can always trust the workspace with the Workspace: Manage Workspace Trust command

Live Preview and Debug in Visual Studio Code

I am using Visual Studio Code in Mac to do web programming.
I see we could use shift+cmd+v to launch a preview and cmd+k v to launch a preview in a separate window.
But once we modify code and save it, does anyone know how to reload and update the preview (by shortcut by preference)? Additionally, is it possible to automate the updates?
Moreover, I have opened the Debug panel, once I click on the green button, it lets me Select Environment:
Does anyone know which one I should choose to debug client side HTML+JavaScript programs?
1.) The "Preview" you mention is for Markdown files. Its not supposed to render a proper HTML preview, that's why it doesn't work or refresh. As soon as you use it with Markdown files, it updates / refreshes as you type.
But there are a couple of HTML preview extensions in the marketplace, just search for "HTML Preview" and you should be able to find some.
2.) None of those options in your screenshot, VSCode does not ship with a client side debugger by default.
But you can install Debugger for Chrome which uses Chromes debugging protocol. Detailed instructions on how to use it are in the extensions README.

Visual Studio Team Services change language

How can i change the language in my Visual Studio Team Services (previously Visual Studio Online) account?
I can change the place where the site is beeing hosted, but not where i can change the language.
In the on-premises version (Team Foundation Server), you can change the language, why not in the cloud version
You should be able to change it at the following URL: https://app.vsaex.visualstudio.com/me?mkt=en-US&tab=edit
Select the Preferences Tab
Now, Azure DevOps(VSTS) is only show English in the UI.
​There has been a related user voice here:
Localization support for Team Services
https://developercommunity.visualstudio.com/content/idea/365587/localization-support-for-team-services.html
Please feel free to vote that ticket.
Login to your account
At the top right corner there is a square with your photo, click, and then
Click on My profile.
On the new page, at the right of your name click on "Edit profile"
On the new page, click on "Preferences"
On the new page, change your prefered language.

Install App in Office 365 online

I'm trying to install an App from the Office Store in Office 365 Home Premium, specifically the online version accessed via OneDrive. Example of such an App would be Modern Trend for Excel. The documentation says click Insert > My Apps, but I don't find this menu option in the online Excel.
Can Apps be installed in the online version of Office? If so, how?
I doubt your question is suitable for SO as it seems you're asking about how to install an already made application as opposed to developing said applications.
In the event I'm incorrect...
Apparently not; that doesn't surprise me though. Also, notice the link you provided doesn't specify that it pertains to any of the online versions of mentioned programs.
I opened my account, created a blank worksheet, and tried to add an app. First thing to notice is that the ribbon is limited online. It doesn't even have the "Apps" section as shown in the link. So I proceeded to "open in Excel", which will open the file on your local machine. Yahtzee, I'm able to add the app.
Perhaps you should try adding the app at "home" and after opening the file online and see if the app is functional. Problem would be solved.
It looks like Microsoft currently has this feature on their development roadmap:
http://office.microsoft.com/en-us/products/office-365-roadmap-FX104343353.aspx