前端代码编写工具，使用vscode：

 

　　安装好之后，可以先装如下几个插件，方便后续的开发。

 

　　在vscode里新建一个html文件，然后输入一个 英文感叹号，点击就可以快速生成html基础代码了。

 

　　要使用vue，要先引入。要下载的自取：

 

　　这里暂时将下载下来的vue.js放到文件的同级目录下，然后引入（或者）。

 

　　关注一下vue部分的代码，Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统，不需要繁琐的DOM操作。

 

　　比如在jQuery中，需要先找到div节点，获取到DOM对象，然后进行一系列的节点操作。

 

　　这里就先创建了一个vue对象，此对象跟这个div元素进行绑定。最后，在html里使用差值表达式，来获取data里的字段数据。

 

　　，2个花括号，中间写上data里的字段即可。

 

　　可以在vscode文件里右键，点击，就是开始装的一个插件，就可以在浏览器中看到页面了。

 

　　由于学习vue知识的过程中会创建多个html文件，导致编写很多重复代码，这里可以创建代码片段，以供直接创建。

 

　　这里的模板可以直接拿去使用，复制到你创建的代码片段即可。

 

　　使用的时候，可以直接输入 你的片段名称，比如上面的是，输入后选择即可。