使用vscode创建vue代码片段
2019-04-28 09:18
686 查看
step1:
文件-首选项-用户代码片段,输入vue,点击enter后进入vue.json文件,将下方代码完全覆盖掉以前内容,保存
step2:测试
新进test.vue文件,在vue文件中输入vue,点击table就能自动生成模板了,如果想调整模板内容,在vue.json中修改
[code]{ "Print to console": { "prefix": "vue", "body": [ "<!-- $0 -->", "<template>", " <div></div>", "</template>", "", "<script>", "export default {", " data () {", " return {", " };", " },", "", " components: {},", "", " computed: {},", "", " mounted: {},", "", " methods: {}", "}", "", "</script>", "<style>", "</style>" ], "description": "Log output to console" } }
相关文章推荐
- 使用vscode创建vue代码片段
- 使用vue-cli3 创建vue项目并配置VS Code 自动代码格式化 vue语法高亮问题
- VSCode 快速生成vue代码片段
- 在vscode里使用.vue代码模板的方法
- VSCode保存插件配置并使用 gist 管理代码片段
- [小tips]使用vscode,根据vue模板文件生成代码
- vscode 如何创建自定义代码片段
- 使用vscode,根据vue基础模板文件生成代码
- 详解VS Code使用之Vue工程配置format代码格式化
- 使用VS 2013的Bing Code Search插件写SharePoint代码
- iOS开发之使用Code Snippet创建代码片段
- XCode: 添加自定义代码片段到Code Snippets Library(常见代码段高效使用)
- 在VSCode中使用码云(Gitee)进行代码管理
- [搬运] 将 Visual Studio 的代码片段导出到 VS Code
- .NET Core 1.0 CentOS7 尝试(三、使用VSCode创建一个Web应用)
- VS Code .vue文件代码缩进以及格式化代码
- AngularJS------使用VSCode创建的Angular项目部署IIS
- node.js:在vs code中使用node.js搭建本地服务器并进行代码调试
- egg.js目录结构、vscode中快速生成egg代码片段
- VS2015使用技巧 为console.readkey添加代码片段