基本都是从网上摘抄,这里只是总结作为笔记使用,太长时间不写了,都忘了.
摘自:https://blog.csdn.net/qq_36202069/article/details/79020694
1. vue模板的创建和语法高亮支持
webstorm需要配置语法支持.
第一步: settings-->pligins-->在搜索框中输入vue,如果已经安装,那就会显示出来.如果未搜索到
install完成后,重启
第二步,vue模板的设置.
setting-->Editor-->File and Code Template然后依照图来设置
当你点击确定后,可能会跳出一个页面,根据版本不同,可能没有,如果有那就让你选择vue打开的文件类型的,你可以点击选择HTML类型的文件,然后确定.
如果没有这个,那么点击File Type ,点选HTML文件,添加.vue的类型支持也是一样的.
模板:
//import someComponent from './someComponent'
export default {
name: "",
data(){
return{
msg:"Hello Vue.js"
}
},
component:{
//someComponent
}
}
设置es6的支持:选择setting-->Language & Frameworks --> javascript-->选择es6
又是你这样设置了但是,HTML文件中es依然会出错,是因为它支持的.js文件,如果要使得HTML也支持,那么应该在HTML文件的script标签中指定他的type="text/ecmascript-6",但是极其不建议这样做.
设置less报错:
又是你的less明明可以用,但是就是webstorm报错,这时候你需要在vue组件中的style中添加他的lang属性等于less,以及type属性.
<style lang="less" type="text/less">
.hello {
a {
color:#ff0000;
}
}
</style>
有时候你发现这还没有用,朋友放弃治疗吧,这是webstorm版本的问题.
