1 简介

VisualStudioCode是一个轻量级但功能强大的源代码编辑器,它运行在桌面上,可用于Windows、macOS和Linux。它内置了对JavaScript、TypeScript和Node.js并有丰富的扩展语言的其他语言(如C++,C,java,python,php,go)和运行时(如.NET和Unity)的支持。

2 下载

visual studio code的下载地址:https://code.visualstudio.com/docs/?dv=win

3 安装

安装过程见:https://blog.csdn.net/weixin_37590454/article/details/89436577

4 插件

安装成功后的界面:
在这里插入图片描述
进行前端vue的开发,建议安装的插件有:Live Server、Vetur、vue-helper。

5 新建项目

  • 1 在自己的电脑上新建文件夹,例如:project_es

  • 2 用VisualStudioCode打开这个文件夹
    在这里插入图片描述

  • 3 把这个文件夹保存成工作区
    在这里插入图片描述
    在这里插入图片描述

6 在项目中创建文件夹和文件

  • 1 创建文件夹
    在这里插入图片描述

  • 2 创建文件
    右击文件夹demo:
    在这里插入图片描述
    新建一个hello.html,其内容如下:

<html>
    <head>
        <title>Hello World</title>
    </head>

    <body>
        <h1>hello Visual Studio Code</h1>
    </body>
</html>

然后右击其任意位置:
在这里插入图片描述
点击“Open with Live Server”:
在这里插入图片描述
至此,用visual studio code创建项目的过程就结束了。

Logo

更多推荐