Vue初学者问题:webstorm里js报错
 <template>
<div>
  <h1>{{msg}}</h1>
</div>
</template>

<script>
  export default {
    name: 'NewHello',
    data (){
      return {
        msg:'Hello World'
      }
    }
  }
</script>

<style scoped>

</style>

图片说明

请问我的vue模板里js区域是什么原因出错啊?我初学Vue,不懂,我的IDE是webstorm,配置支持了ES6的。

图片说明

1个回答

你看报错的内容,你不应该缩进的地方出现了两个空格的缩进,所以说是缩进格式问题。。。去掉应该就可以了

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
vue 初学者报错总结
no-undef : 大小写错误 key-spacing 属性与值得间隔错误 no-trailing-spaces 空行的错误 quotes 单双引号的错误   space-infix-ops 正确的是   comma-dangle 多余的, semi 多余的分号;
在webstorm中编译vue模板使用less,webstorm报错的解决方案
&amp;lt;style scoped lang='less' type='text/less'&amp;gt; .demo { .list{ color: red; } } &amp;lt;/style&amp;gt;
'webpack-dev-server' 不是内部或外部命令,也不是可运行的程序 或批处理文件。处理方法
将项目里的“node_modules”文件夹删除,然后在cmd中cd到项目目录,依次运行命令:npm install和npm run build,最后运行npm run dev后项目成功运行。
WebStorm支持Vue配置
1,WebStorm安装Vue插件,使WebStorm拥有新建.vue文件功能: 安装完成后根据提示重启webstorm 2,Preferences-&amp;gt;Editor-&amp;gt;File and Code Templates添加创建文件格式和模板 点击右上角的加号 添加vue文件 Name为vue File, Extension 为vue, 下面还可以自定义.vue文件生成时的初始化模...
webstorm开发vue环境搭建
安装流程: 1.安装nodejs,并配置 2.安装vue脚手架 3.安装webstorm,配置
vue开发环境搭建(WebStorm)
一、安装Node.js,搭建Vue环境 1、访问Node.js官网(https://nodejs.org/en/download/)进行安装包下载。 2、下载成功之后运行安装程序,进行安装。 如果是用安装程序进行安装,在安装过程中会自动进行Nodejs环境变量的配置,如果是通过其他方式进行安装,可能需要手动配置环境变量。 完成安装后,可以打开命令行,直接使用
webstorm的vue配置与运行
下载google浏览器支持插件 百度云链接:https://pan.baidu.com/s/14PoaihUHQZEJtiHNWUmdjg#comment_panel 点击如上——&amp;gt;更多工具——&amp;gt;扩展程序——&amp;gt;直接拖拽 下载vue源码并保存 下载地址:https://vuejs.org/js/vue.js(ctrl+s另存为) webstorm创建li...
WebStorm和vue的一系列设置
一、WebStorm支持Vue 1、安装vue插件 (1)File --&amp;amp;amp;amp;amp;gt; Settings --&amp;amp;amp;amp;amp;gt; Plugins ,点击Browse repositories,在浏览存储库中搜索: (2)搜索vue,点击 Install 进行安装,安装之后点击 Restart WebStorm 重启: 2、 添加vue模板 (1)File --&amp;amp;amp;amp;amp;gt; Settings --&a
webstorm调试vue项目
调试npm debug的方式开始可以,过一分钟左右就会断开连接,connection refused,放弃 另一种方式如下,但是我觉得还是没有直接用浏览器调试方便谷歌浏览器添加插件下载地址如下: https://pan.baidu.com/s/1jHI8ugu修改webpack.dev.conf.js将devtool: config.dev.devtool改为 devtool: ‘source-m...
webstorm vue开发配置
1.安装NODE.JS nodejs.org,下载nodejs的安装程序,一路安装完成 2.安装淘宝镜像(类似于阿里云的maven中央仓库镜像) 废话少说,国外用的是npm,但是国内这个尿性,用淘宝的镜像吧:打开终端,下面的复制粘贴回车 npm install -g cnpm --registry=https://registry.npm.taobao.org 安装完成 。...
webstorm下vue的开发环境配置
转载:https://blog.csdn.net/Nero__A/article/details/62228646
webStorm 搭建vue 开发环境
安装note.js环境 创建项目 vue init webpack myprojec  next 下一步 下一步 Use ESLint to lint your code? (Y/n);使用ESlint语法?N (因为在工程的时候缺少一个空格都编译不过) OK克欧克  打开项目 配置npm 运行 npm run dev hello Vue...
webStorm 打包Vue项目
webStorm打包vue项目 之前在网上看到过好多打包vue项目的方法,感觉不是很全面,最后自己总结了一下。 首先,如果需要打包的话,你需要改下资源的路径 1、打开build下面的utils.js文件,添加publicPath:“…/…/” if (options.extract) { return ExtractTextPlugin.extract({ use: l...
webstorm创建vue项目
下载安装node.js以及webstorm,其中webstorm需要破解,可以自行查找破解方法。 测试node.js安装是否成功的命令是: node -v npm -v 成功会显示相应的版本号。 安装淘宝镜像(类似于阿里云的maven中央仓库镜像) 安装命令: npm install -g cnpm --registry=https://registry.npm.taobao...
webstorm安装vue插件
http://www.cnblogs.com/ssrsblogs/p/6231981.html
Webstorm支持.vue文件
1. 首先安装vue插件,安装方法:   file-->setting  -->  plugin  ,点击plugin,在内容部分的左侧输入框不用输入任何东西,直接点击下图中的按钮。   如下图所示: 2、再在下图中左侧输入框中输入vue,点击列表中的vue.js,右侧框中会出现一个绿色方框install,点击安装(我已经安装过了,所以没有出现),一直走下去就可以了。安装完成后,
js在aspx里的报错
为什么js文件在html里调用的时候没问题,而放到aspx文件里就有问题?
解决WebStorm没有vue与element-ui代码提示问题
选中node_modules文件夹点击ok,等待扫描完成,搞定!!!
[vue] webstorm 对eslint缩进的问题处理
首先在.eslintrc.js中的rules写: 打开setting 按照下图的设置,打开editor下的code style下的JavaScript 设置对应的缩进风格,再然后 打开plugins后选择installed,就是打开已安装的plugins,搜索editorconfig,如果出现的editorconfig选中就让它不选择,然后重启webstorm, ...
解决在WebStorm中使用Vue的v-bind,v-on报错
虽然这个报错并不会影响代码执行,但看起来就像代码写错了一样,不爽 解决方法: 在webstrom设置里找到XML,把 Unbound XML namespace prefix的勾去掉 对于不同版本的 WebStorm,这个选项有可能不在同一个位置,如果按这个步骤找不到,就直接搜索 Unbound XML namespace prefix ...
vue组件报错问题
Invalid value for option "components": expected an Object, but got Array 出现这个错误,查看一下组件的编写是否有误,components应该是一个对象而不是一个数组,如果你写成了开一个数组,就会报这个错误,同时,还会报下面这个错: did you register the component correctly? Fo
webstorm 里面vue 文件显示高亮的问题
    在设置里面的Plugin  搜vue  ,如果没有就下载vue.js      然后重启webstorm    然后在编辑器的文件和代码模板里面添加vue  File  ,并且设置模板    &amp;lt;template&amp;gt;&amp;lt;/template&amp;gt;    &amp;lt;script&amp;gt;&amp;lt;/script&amp;gt;    &amp;lt;style&amp;gt;&amp;lt;/style&amp;gt;   ...
让WebStorm支持.vue文件
1.VUE插件安装 可以file-->setting (或者快捷键ctrl+alt+s) ,然后按照图中步骤操作。 然后再在下图左侧输入框中输入vue,点击列表中的vue.js,右侧框中会出现一个绿色方框install,点击安装(我已经安装过了,所以没有出现),继续直到完成。 2.vue模板生成 file-->setting-->editor-->file and code T
用webstorm搭建vue项目
本文只针对新手。 首先要明白几个名词(概念)。 Node.js: Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。  Node.js 的包管理器 npm,是全球最大的开源库生态系统。 npm:   npm全称为Node Package Manager,是一个基于No...
webstorm启动vue项目配置
webstorm启动vue项目配置   使用命令窗口运行 1. npm run mock 2.npm run dev 每次都打开命令窗口比较麻烦,可以在webstorm内进行配置,从webstorm内启动   选中run下面的edit configurations,scripts里面分别选择mock和dev 第二步 ...
WebStorm 2017创建vue模板文件
WebStorm 2017创建vue模板文件 点击编辑器左上角File中的settings… 如果编辑器还没有集成vue插件,可以先去设置的Plugins里去安装 点击File and Code Templates选项,点击上面的+号,填写模板的名字和模板的文件类型,最后依次点击下面的Apply按钮和OK按钮创建好模板,直接新建vue文件即可。
用webstorm创建vue项目
利用webstorm创建vue项目,步骤如下: 打开 mac 终端,直接运行安装vue-cli:npm install vue-cli -g vue-cli下载完之后,跳转到创建vue项目的文件夹下,运行:vue init webpack myproject1 (myproject1是我的vue项目名)然后按照它的提示输入相关内容,如下: 项目已经创建好了!跳转到项目文件夹下,初始...
使用webstorm开发vue项目
起步 配置安装 https://blog.csdn.net/weixin_40760196/article/details/79952652 出现问题 webpack-dev-server’ 不是内部或外部命令,也不是可运行的程序 或批处理文件。处理方法 https://blog.csdn.net/qq_39241421/article/details/82908868 ...
webstorm 激活以及 vue 使用
下载 官网下载 https://www.jetbrains.com/webstorm/download/download-thanks.html?platform=windows 配置 使用最新2018 版本的就不需要安装vue.js 依赖和vue 模板了。 调整字体大小和界面 view – toobar 选中 以后每次使用这个地方进行配置就很方便 字体和界面风格 设置...
webstorm中vue语法的支持
俗话说,要想攻其玉,必先利其器。工作中老是在用angular开发,但慢慢会有vue的业务,所以需要学习学习vue。今天开始折腾vue,我是用webstorm开发前端的,当使用vue-cli创建好一个项目后,使用webstorm打开简直不能入目啊,倒是没有啥错误提示,倒是一大堆的各种编辑器警告,无奈,还得去搞好IDE对vue的支持啊。 前提...
vue安装,webstorm工程搭建
一、Vue基础介绍: 1)是一套构建用户界面的渐进式框架。 2)只关注视图层, 采用自底向上增量开发的设计。 3)的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 二、安装过程: 1、安装node.js,这里不再赘述,安装后npm也自动伴随安装 查看安装结果: node -v npm -v 2、安装cn...
webstorm添加vue模板支持
[size=large] webstorm添加vue模板支持 [url]http://www.jianshu.com/p/142dae4f8b51[/url] [/size]
webstorm如何创建 vue文件?
我们使用webstorm去做一个vue项目的时候,肯定需要建一个 .vue文件。我们会发现 如果我们手动建了 test.vue文件的时候,webstorm的自动补全标签功能不能用,es6语法报错的问题。这时我们应该设置webstorm 可以创建一个 vue文件,并且创建出来就有自己想要的模板。 1.让webstorm支持es6语法 2.让webstorm 可以创建Vue文件。记得重启
webstorm启动js项目
1、下载安装nodejs  下载地址:https://nodejs.org/en/2、在环境变量中添加 E:\Program Files\nodejs\node_modules 4、建项目 npm install --dev5配置npm启动 6、启动项目
webstorm js中文乱码
WebStorm 创建的 js文件默认保存 GBK 格式,因此所有中文都变成乱码,把保存有中文的js文件文件格式改为 UTF-8 之后就能正常显示。     file|Settings|Editor|File Encoding 重新启动! OK
js开发工具之WebStorm
本文简单介绍一下WebStorm!     WebStorm是jetbrains公司的一款js开发工具 与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的js部分 扩展阅读: http://baike.baidu.com/view/5443872.htm http://www.book.36ria.com/webstorm/index...
JS高级webstorm设置
<p>rn <br />rn</p>rn<p>rn <p>rn 20周年限定一卡通!<span style="color:#337FE5;">可学Java全部课程</span>,仅售799元(原价7016元),<span style="color:#E53333;">还送漫威正版授权机械键盘+CSDN 20周年限量版T恤+智能编程助手!</span>rn </p>rn <p>rn 点此链接购买:rn </p>rn <table>rn <tbody>rn <tr>rn <td>rn <span style="color:#337FE5;"><a href="https://edu.csdn.net/topic/teachercard?utm_source=jsk20xqy" target="_blank">https://edu.csdn.net/topic/teachercard?utm_source=jsk20xqy</a><br />rn</span>rn </td>rn </tr>rn </tbody>rn </table>rn</p>rn<span>&nbsp;</span> rn<p>rn <br />rn</p>rn本阶段主要涵盖技术: JS高级理论,ES6,JS模块化等高级语法,并且包含高级框架AngularJS
WebStorm创建第一个vue项目
最近几天最折腾vue的项目  !  刚开始懵懵懂懂   后来搞清楚了  就出个教程吧! 很基础啊   先你得下载node.js (Windows)   安装node.js     安装路径我默认安装在C盘    安装node 随便贴几张图    都是下一步下一步的操作!    安装成功!   我们可以检测一下是否安装成功  以及版本! 打开cmd    输入n...
webstorm如何添加vue支持
本人使用的是webstorm2016 2.3版本,结果竟然不支持vue文件,于是经过查找找到了一个方法,亲测可用,非常简单哦。
webstorm中vue语法支持
假定已经安装好了node和npm。 全局安装vue-cli 在终端中运行命令: npm install --global vue-cli 然后使用vue-cli创建项目: vue init webpack my-project 运行: npm run dev ...
相关热词 c# stream 复制 android c# c#监测窗口句柄 c# md5 引用 c# 判断tabtip 自己写个浏览器程序c# c# 字符串变成整数数组 c#语言编程写出一个方法 c# 转盘抽奖 c#选中treeview