使用VisualStudioCode开发Vue

前言

本文主要介绍在VisualStudioCode下开发Vue。

Nodejs、Npm、Vue的项目搭建参考下面文章。

用后台开发的逻辑理念学习VUE

在Windows下学习Nodejs、Npm和VUE

VSCode配置

首先为VSCode增加插件，ctrl+shift+X调出扩展管理界面。

Chinese (Simplified) Language Pack for Visual Studio Code：适用于 VS Code 的中文（简体）语言包，此中文（简体）语言包为 VS Code 提供本地化界面。

Code Debugger：无需配置launch.json即可进行单文件调试，点击右上角虫子图标或者右键菜单都可以。

禁用JS-CS-HTML Formatter：格式化js、CSS、HTML、JSON文件。

PS：VSCode自带格式化代码功能，快捷键Alt+Shift+F。

Vue开发

首先创建一个Vue项目——vue init webpack KibaProject。

然后使用VSCode打开文件夹，打开项目。

然后找到index.html文件，这个是我们的起始页面。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>homestead_onemap</title>
  </head>
  <body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>

kiba518

使用VisualStudioCode开发Vue