VScode---visual studio code创建Vue项目

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

2. 下载安装

https://www.cnblogs.com/wffzk/p/15155947.html

3 .插件
进行前端vue的开发，建议安装的插件有：Live Server、Vetur、vue-helper。

 4.新建项目

第一步：在自己的电脑上新建文件夹，例如：project_es

第二布：用VisualStudioCode打开这个文件夹

 第三步：把这个文件夹保存成工作区

 

 第四步：在项目中创建文件夹demo

 第五步：右击文件夹demo,新建文件hello.html

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

OK，visual studio code创建Vue项目到此完工~~~

 

posted @ 2021-08-18 15:39  江南大才子  阅读(1815)  评论(0)  编辑  收藏  举报