vue2.0项目实战（1）---工具

vue2.0项目实战（一）—项目简介及工具

这次的项目是基于微信端的一个财务软件，我现在使用的是vue+router+axios+vux组件，本人用这个也开发了大半个月了，vux也是第一次用，所以前期一直在配置环境，从网上查询或者自己探索开发到现在项目顺利的进行。然而在这期间遇到好多的问题在网上居然找不到，或者有提问而不答，只能自行解决。于是从今天开始，一边开发项目，一边在博客分享经验，说说这套框架、组件在开发时遇到的问题和解决方法。个人见解，请问拍砖，欢迎关注、讨论。

1、编辑代码工具

工欲善其事必先利其器，首先要习惯一个编辑代码工具

使我目前使用的工具是Visual Studio Code，简称VSCode，是一款轻量且强大的代码编辑器，支持Windows，OS X和Linux。主要是由于它轻量，简洁，对电脑配置要求不高，其余的不多说。

本编辑器支持 Markdown Extra , 　扩展了很多好用的功能。具体请参考[Github][2].

（1）安装

win与mac的安装都没啥说了，直接去官网（点击进入）根据系统下载。

（2）使用及推荐插件

安装好，打开之后，显示如图：



有些打开之后或许有的人是英文版，不过不要紧，接下来安装插件，我们可以看到左边的活动栏



这里从上至下是：资源管理器，搜索，源代码管理，调试，扩展。

我们点进拓展，可以看到里面一个搜索栏和下面各种插件。

我现在推荐些自己用的插件：



Guides，代码辅助线插件；

HTML CSS Support，css智能提示和scss文件检索；

HTML Snippets，超级实用且初级的 H5代码片段以及提示；

IntelliSense for CSS class names，提供CSS类代码完成的Visual Studio代码扩展，基于CSS类定义，可以在工作区或通过链接元素引用的外部文件中找到；（这个就是写路径的时候提示）

Path Intellisense，Visual Studio代码插件，自动完成文件名。

Sass，缩进SA
4000
SS语法高亮，自动完成对vscode &片段

Vetur，语法高亮、智能感知、Emmet等，重点

除了这些，还有jQuery Code Snippet等等。

（3）插件安装

一般插件也显示了，下载量和评分，如上图。

安装的话，我们只需点击安装（），然后会显示正在安装



安装好了之后



在这里我建议点下重新加载，因为有好多人反应安装好了之后没用，点下重新加载，会刷新窗口，就ok了。

之后查询已安装的插件也在这里，不过搜索栏记得为空哦~

最后小建议：

我们可以在上方的任务栏



里面的“查看”



打开里面的调试控制台



其中“问题”相当于检查代码错误的小型firebug，“终端”就是电脑的终端拉。

第一章 完毕　

第二章 vscode与网上代码管理平台（比如码云）链接，及用到的npm