1.下载安vscode并且安装插件
2.创建工作区
(1)创建空文件夹
(2)在vscode中打开文件夹
(3)将文件夹另存为工作区
3.vscode创建vue全局代码片段
文件内容为
"vue html": {
"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"
}
}
使用:html文件中输入vuehtml便可使用
4.在vscode工具打开cmd窗口,进行js代码执行
使用这个的前提是安装了nodejs javascript的运行环境
4.1 检测windows系统中是否安装了nodejs命令
node -v
结果如果安装的其他版本会出现其他对应版本号