美文网首页
编辑器的使用

编辑器的使用

作者: Kiki_Q | 来源:发表于2019-08-01 15:00 被阅读0次

    1.Visual Studio Code

    安装地址:https://code.visualstudio.com/docs/?dv=win

    汉化

    扩展中搜索chinese汉化包,‘restart now’重启确认
    摘自:https://jingyan.baidu.com/article/47a29f248b16aac0142399fb.html

    字体大小设置

    摘自:https://jingyan.baidu.com/article/db55b609c198b94ba20a2f5a.html

    代码片段

    文件->首选项->用户代码片段
    vue模板示例:

    {
        "Print to console": {
          "prefix": "vue",
          "body": [
            "<!-- $0 -->",
            "<template>",
            "  <div id='idName'></div>",
            "</template>",
            "",
            "<script>",
            "export default {",
            "  data () {",
            "    name: ' '",
            "    return {",
            "    };",
            "  },",
            "",
            "  components: {},",
            "",
            "  computed: {},",
            "",
            "  watch: {},",
            "",
            "  created: {},",
            "",
            "  mounted: {},",
            "",
            "  methods: {}",
            "}",
            "",
            "</script>",
            "<style lang='scss' scoped>",
            "</style>"
        ],
          "description": "Log output to console"
        }
      }
    

    相关插件推荐

    摘自:编辑器常用插件含vue、react

    vue风格设置

    商店下载vetur


    2.webstorm

    破解教程

    摘自:https://www.jianshu.com/p/4c81cf31b94d
    注:无法安装的小朋友,请按评论区执行!

    相关文章

      网友评论

          本文标题:编辑器的使用

          本文链接:https://www.haomeiwen.com/subject/ddhbtctx.html