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项目到此完工~~~

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM