vue2.0项目实战(一)—项目简介及工具

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


1、编辑代码工具

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

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

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

(1)安装

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


(2)使用及推荐插件

安装好,打开之后,显示如图:

vue2.0项目实战(1)---工具

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

vue2.0项目实战(1)---工具

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

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

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

vue2.0项目实战(1)---工具

Guides,代码辅助线插件;
HTML CSS Support,css智能提示和scss文件检索;
HTML Snippets,超级实用且初级的 H5代码片段以及提示;
IntelliSense for CSS class names,提供CSS类代码完成的Visual Studio代码扩展,基于CSS类定义,可以在工作区或通过链接元素引用的外部文件中找到;(这个就是写路径的时候提示)
Path Intellisense,Visual Studio代码插件,自动完成文件名。
Sass,缩进SASS语法高亮,自动完成对vscode &片段
Vetur,语法高亮、智能感知、Emmet等,重点
除了这些,还有jQuery Code Snippet等等。

(3)插件安装

vue2.0项目实战(1)---工具

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

安装的话,我们只需点击安装(),然后会显示正在安装

vue2.0项目实战(1)---工具

安装好了之后

vue2.0项目实战(1)---工具

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

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

vue2.0项目实战(1)---工具

最后小建议:

我们可以在上方的任务栏
vue2.0项目实战(1)---工具
里面的“查看”
vue2.0项目实战(1)---工具

打开里面的调试控制台

vue2.0项目实战(1)---工具

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

第一章 完毕 
第二章 vscode与网上代码管理平台(比如码云)链接,及用到的npm


相关文章:

  • 2021-11-15
  • 2021-05-09
  • 2022-01-21
  • 2022-12-23
  • 2022-12-23
  • 2021-12-18
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-04-03
  • 2022-12-23
  • 2022-12-23
  • 2021-07-22
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案