visual studio code创建Vue项目

最新推荐文章于 2024-06-06 16:06:52 发布

mameng1998

最新推荐文章于 2024-06-06 16:06:52 发布

阅读量4.2k

点赞数 4

分类专栏：前端文章标签： vue.js node.js html5

本文链接：https://blog.csdn.net/mameng1988/article/details/109121135

版权

前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

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创建项目的过程就结束了。

mameng1998

关注

4
点赞
踩
16

收藏

觉得还不错? 一键收藏
4
评论
visual studio code创建Vue项目

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=win3 安装安装过程见：https
复制链接

扫一扫

专栏目录