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:

mameng1998

4325人浏览 · 2020-10-16 18:03:46

mameng1998 · 2020-10-16 18:03:46 发布

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

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^