vue template代码格式化问题

Question

vue template代码格式化问题，什么IDE能格式化<template></template>中的代码？或者有什么IDE插件介绍

Answer 1

vscode + beautify 插件
https://code.visualstudio.com/
https://marketplace.visualstu...

Answer 2

可以用webpack+vue-loader+babel-loader进行编译。
由于vue单文件组件的编写是基于es6的，因此需要babel对js代码进行编译

安装模块：

npm install webpack babel-loader babel-core babel-preset-es2015 --save-dev

在webpack.config.js中添加如下字段：

module: {
    loaders: [
        {
            test: /.vue$/,
            loader: 'vue'
        },
        {
            test: /.js$/,
            loader: 'babel'
        }
    ]
},

vue: {
    js: 'babel'
}

在项目根目录下添加babel的配置文件：
.babelrc

{
    "presets": ['es2015']
}

Answer 3

webstorm 加插件可以啊

Answer 4

webstorm貌似只支持vue.js1.0

Answer 5

https://www.npmjs.com/package...