VScode的安装和使用
1.1.软件全名：Visual Studio Code
如图：
1.2.简介：
一个运行于 Mac OS X、Windows和 Linux 之上的，针对于编写现代Web和云应用的跨平台源代码编辑器
1.3.下载地址：
https://code.visualstudio.com/
1.4.安装插件：
常用4个插件：Chinese、Live Server、Vetur、vue-helper
如图：
1.5.设置字体大小：
如图：
1.6.开启完整Emmet语法支持：
如图：设置完重启VScode软件
1.7.创建项目及初始化：
如图：先在本地磁盘创建一个文件夹，然后再VSCode编译软件中==>点击文件==>打开文件夹
如图：另存工作区间前
如图：另存工作区间后
如图：接着点击文件==>打开此文件夹==>创建文件夹和文件使用
1.8.使用VSCode编译软件
可进行.htlm、.js、.css、.style等等文件编译
如图：创建代码片段（方便后续快速开发）
代码片段：vue-html.code-snippets
{
"vue htm": {
"scope": "html",
"prefix": "vuehtml",
"body": [
"<!DOCTYPE html>",
"<html lang=\"en\">",
"",
"<head>",
" <meta charset=\"UTF-8\">",
" <meta name=\"viewport\" content=\"width=device-width, initial- scale=1.0\">",
" <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">",
" <title>Document</title>",
"</head>",
"",
"<body>",
" <div id=\"app\">",
"",
" </div>",
" <script src=\"vue.min.js\"></script>",
" <script>",
" new Vue({",
" el: '#app',",
" data: {",
" $1",
" }",
" })",
" </script>",
"</body>",
"",
"</html>",
],
"description": "my vue template in html"
}
}
如图：
1.9.测试：创建html页面，编辑并启动页
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
