vue-cli编写个人博客-第1天

最新推荐文章于 2023-10-20 13:58:22 发布
最新推荐文章于 2023-10-20 13:58:22 发布
阅读量1.1k 收藏 2
点赞数 2
分类专栏： 编写博客 文章标签： vue webstorm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43989242/article/details/123688214
版权

IDE：WebStorm

插件之前的项目装过了，教程很多。

1，新建vue项目

新建选项都是默认设置。

第一次建项目报错，删了重来的。新建一次用时大概10分钟。

目录结构如下：

然后index.html报错ESLint: clear (vue/comment-directive)。解决办法是在package.json文件中找到eslintConfig项，将rules添加如下语句：

"rules": {"vue/comment-directive": "off"}

2，显示我的名字

直接添加名字，不显示名字，根据表述应该是没有JavaScript（废话）

  <body>
    <noscript>
      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app">
        <p>my name is derdoo
最低0.47元/天 解锁文章
第三只小板凳
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
一份超级详细的Vue-cli3.0使用教程【推荐】
12-04
4. **第一次创建项目**： 使用 `vue create` 命令创建项目，例如 `vue create hello-cli3`，会自动创建一个名为 hello-cli3 的文件夹。在创建过程中，可以选择默认配置或手动配置项目特性。手动配置时，可以选择...
Vue搭建项目：ESLint: clear(vue/comment-directive)
m0_67372185的博客
11-05 4425
搭建vue项目后index报错：ESLint: clear
ESLint: clear(vue/comment-directive)
weixin_42220130的博客
06-16 6671
在rules里配置上这句 在这里插入代码片
技术提升之路：ESLint: clear(vue/comment-directive)
qq_51066068的博客
07-23 1946
在rules里配置上这句 "vue/comment-directive": "off"
ESlint报错[vue/comment-directive]cleareslint-plugin-vue及Cannot find name ‘template‘.
最新发布
tiehanhanan的博客
10-20 2376
我没有在我的项目文件中找到.eslintrc.js配置文件，所以通过eslint --init初始化，创建了.eslintrc.js配置文件，并且加上了代码，尝试后依然没用。关于Cannot find name 'template'.Vetur(2304)报错，搜索到的解决方法大都是建议把vetur报错关了，尝试后发现并没用。后来将文件名改成artistlist2.vue之后，就没有报错了。问题：新建了一个vue文件，在页面的第一行和最后一行都报错。脚手架创建的vue3项目。
Vue-CLI3中文指南 完整版PDF
03-20
Vue CLI（Vue.js Command Line Interface）是Vue.js官方提供的一个脚手架工具，用于快速搭建Vue.js项目。Vue CLI3是其第三个主要版本，引入了许多改进和新特性，旨在简化和加速开发流程。本指南将深入讲解Vue CLI3的...
vue-cli3 取消eslint校验代码的解决办法
11-21
`vue-cli3` 是`vue-cli` 的第三个主要版本，引入了更加模块化和可配置化的特性。然而，有时候开发者可能希望在开发过程中暂时禁用`eslint` 的代码校验，以便更自由地编写代码。本文将详细介绍如何在`vue-cli3` 中...
vue-cli框架基础知识
11-04
Vue CLI（Vue.js Command Line Interface）是Vue.js官方提供的一个脚手架工具，用于快速搭建Vue.js项目。它简化了项目初始化、配置管理和构建过程，让开发者能够更专注于编写核心业务代码。以下是对Vue CLI框架基础...
深入理解Vue-cli搭建项目后的目录结构探秘
12-01
Vue-cli 是 Vue.js 的命令行工具，用于快速搭建基于 Vue.js 的项目。它利用 Webpack 进行构建，简化了...通过这种方式，Vue-cli 成为了一个强大的开发工具，让开发者可以专注于编写业务逻辑，而不用过于关心构建过程。
eslint-config：ClearTax的ESLint配置
02-05
@ cleartax / eslint-config .(js|ts|jsx|tsx|json|md) ClearTax Eslint配置 安装 npm i @cleartax/eslint-config -D 要么 yarn add @cleartax/eslint-config -D 安装peerDependencies和插件 npx install-peerdeps --dev @cleartax/eslint-config 用法 通过将配置名称添加到esling-config中的extends属性中，可以使用可共享的Eslint配置。 extends: [ "@clear
ESlint报错提示clear
weixin_48401746的博客
04-28 557
ESlint报错提示clear
vue prettier报错-clear
草叶儿的博客
12-18 1938
控制台报错信息如下： F:\addd\dice-front\pages\tag_tag.vue 38:12 error clear vue/comment-directive 解决方案一：忽略报错 在.eslintrc.js中，找到rules，加上如下代码中的—最后一行。 rules: { ‘vue/no-v-html’: ‘off’, //markdown后端渲染 ‘no-console’: ‘off’, ‘vue/comment-directive’:‘off’ //加这行就行 } 然后重跑项目。
vue 项目中 html中出现clear错误
m0_66051368的博客
12-01 973
clear报错
vue-vli4去掉该死的eslint检验
weixin_43961117的博客
06-03 162
打开package.json @vue/standard搜索 删除"@vue/standard" "extends": [ "plugin:vue/essential" // "@vue/standard"----- ],
cleareslint vue3+ts index.html 文件报错
BY_BC的博客
08-29 747
解决方法:.eslintrc.cjs的rules中配置'vue/comment-directive': 'off'
vue 自定义指令 Vue-directive
weixin_39205240的博客
06-20 658
1. 自定义指令的钩子函数Vue.directive('focus',{  bind:()=&gt;{},   //只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。  inserted:()=&gt;{},  //被绑定元素插入父节点时调用 (仅保证父节点存在，但不一定已被插入文档中)。  update:()=&gt;{}, //所在组件的 VNode 更新时调用，但是可...
今天重新搭架子，用了架子是VUE的，中间出现了两个问题1.ESlint报错提示clear，2.Parsing error: Unexpected token
m0_53522026的博客
08-19 2515
第一个已经解决，"vue/comment-directive":'off'，加了个代码就好了，第二个还在研究好了加上去
vue中directive
ssjjrr的博客
10-07 655
vue directive
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值