So, last month I bought a new laptop. I actually bought two laptop. The first one is an Acer laptop. Use it for a week, not very happy with it. So I bought Asus.
I spent several days to set up and install the laptops. I think it’s a good idea to documented it here.
I hope this post will be useful for folks who want to do web development in windows.
My minimum requirement is very low. Probably because I’m not a gamer. If you can afford it, get at least i3 processor. But using latest (2015) Atom or Celeron processor is fine to run these apps. Some software such as photoshop might need higher spec.
I recommend 4GB of RAM. 2GB is fine, but it’s too restrictive and could be frustrating to use.
Dedicated GPU is not needed.
I always develop and test locally. My XAMPP setup process is long and complex. I will write another blog post just to explain how I set up XAMPP.
But what I did to set up XAMPP is basically:
- Increase memory, upload limit, etc.
- Create several local dev site: general dev, multisite, site with beta version of WP, etc
- Have a clone of every site I manage to test each code.
Tips: If you have difficulties to run apache. Quit XAMPP and run it again as administrator. And I also set my UAC (User Account Control) to “Notify” but “Do not dim display”.
This is my primary text editor for coding. And this is the plugins I use:
- Customize Toolbar
- XBrackets Lite
Make it simple
Notepad++ have a lot of feature that I don’t need. So, the first thing I did was to clean up the toolbar using “Customize Toolbar” plugin.
Disable Auto Link for URL in Notepad++
I don’t know when did they start adding this feature. But I didn’t like it. To disable this go to “Settings > Preferences > Misc > Clickable Link Setting”.
Show Space and Tabs
I like my code clean with no extra spaces in the end and unnecessary tabs. But tabs and spaces is not visible. But fortunately in notepad++ we can show that. To display white space and tabs, go to “View > Show Symbol > Show White Space and TAB”.
The color is very light, so it will not distract you when writing code.
Enable Word Wrap
I hate horizontal scrolling when writing code. To enable Word Wrap, go to “View > Word Wrap”.
To install this hotkeys:
- Install “Web Edit” Plugin
- Go to “Plugins > Web Edit > Edit Config”
- Add the code above in the end of file
- Go to “Plugins > Web Edit > Load Config”
How to use the hotkeys:
- Type the hotkeys
- Type ALT+ENTER
In my code above I assign “f” as shortcode for the word “function” and the letter “c” as shortcode for clear CSS declaration.