JS Environment Setup

Hi

Finally we get the Visual Studio license, so everyone should has the professional version right now. It ' s a good chance to improve our productivity even more!

L Install Extensions

Everybody should install the following extensions in your visual studio! No exception!

1. 1. Web Essentials for Update4
2. 2. vscommands for Visual Studio
3. 3. Productivity Power Tools
4. 4. Indent Guides
5. 5. Resxmanager
6. 6. Docstubsjs
7. 7. Visual Studio Spell Checker

If you had never installed any extension neither, please click the menu "Tools/extensions and Updates", and click "Onli Ne "tab in left and then you can find them there.

After you has installed them, please don't some configurations about them.

1. Click menu:tools Options-Productivity Power Tools
2. Turn off some features in below picture, to preserve your own development habits.
3. Click "Powercommands" in the left, and make sure ' Format document on save ' is checked.
4. Click the "Docstubsjs" in left, and configure like below. Especially the highlight lines. Also pay attention to other lines if you have different values.

L Install JavaScript Code Snippets

Install the snippets to your Visual Studio to increase development productivity. Find the code snippets in attachment. If you had never tried code snippet before, please do it like this. Select Some codes in text editor, and press ctrl+k,s combination shortcut key, and choose one snippets.

Please copy the files and paste them to {Visual Studio directory}\javascript\snippets\1033\javascript, and over Write All. Note that the snippets is written for VS2012 and VS2013, and don ' t install them for VS.

The Code snippets for C #, should is installed to {Visual Studio directory}\vc#\snippets\1033\visual C #.

L Install an excellent font (Optional)

I want to introduce a wonderful development font to you, Source Code Pro, which are developed by Adobe and open Source. It shows code better than your current Visual Studio default font. It's a monospaced font (equal width font), and you can easily recognize similar characters, such as 1-l-i, 0-o. It shows codes in a proper size, neither too small nor too big, not like the default font. You can find it in attachement.

To install them- *.otf files into c:\Windows\Fonts.

Then open your Visual Studio, and open the "Options" dialog. Expand to environment-fonts and Colors menu on left. On right side, choose the font "Source Code Pro". The normal size is 10.

L Configure your Visual Studio options

1. 1. CSS Formatting

The CSS codes should is formatted in compact format. See the picture below. The CSS rules should be shrunk on one line and the different levels should is well indented when you press Ctrl + K, C TRL + D combination shortcut key.

Please configure your Visual Studio by the following steps.

Step 1:

Step 2:

Step 3:

1. Change the text intent of XML files

To unify the text intent of all team members, please configure the highlighted numbers to 2, if your value is different.

1. 3. C #-Using directives sorting

Mark the checkbox, so and all "System" using directives always at top.

Best regards

Fengbao Li / Technical lead Phone: +86 131 2471 7568 [Email protected] Www.symbio.com

JS Environment Setup