vue highlight如何配置？

Question

RT, 搞了好一会了，还没搞成功，你们是如何配置的，我连

import Highlight from 'highlight.js'

都报错

ERROR in ./~/highlight/lib/highlight.js
Module not found: Error: Can't resolve 'fs' in 'F:\dome\node_modules\highlight\lib'

Answer 1

题主highlight装错了，我之前也遇到过这个问题，搞了几个小时。
highlight是基于node.js的库，前端用的话要使用highlight.js这个库（要加个'.js'，怎么样，崩溃了没？）。
package.json里面这样加：

"highlight.js": "^9.12.0"

npm安装的话这样写：

npm install highlight.js

愿开发者门贡献代码的时候命名有意义一些，不要跟现有的库相冲突，不要这样浪费使用者的时间。

Answer 2

官网正确安装姿势
这是一个使用marked和highlight.js的编辑器，你可以参照一下这个源码

# 使用NPM
npm install highlight.js --save

# 使用
import hljs from 'highlight.js'

Answer 3

你的文件名对了没有？

import Highlight from './或许这里还有文件/highlight.js'

如果你的是一个完整的库和比较出名的组件，引用的方式也不一样。
看看下面引用jquery 和mint-ui

import $ from 'jquery'//直接写jquery不用写文件

  import Mint from 'mint-ui'

Answer 4

试试看，在编辑器的settings.json文件中，加入以下代码：
"files.associations": {
"*.vue": "html"
}