![](https://img-blog.csdnimg.cn/20200701111846700.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
vue
jq@520
编程其实很简单,就是头顶有点凉
展开
-
vue项目使用highlight.js 代码高亮插件的使用,并给它添加行数
效果图我这里将他封装了,在main中引入即可使用,'./utils/highlight' 是我的目录 改成自己的// main中引入语法高亮配置import Highlight from './utils/highlight'Vue.use(Highlight)使用: 使用v-highlight标识即可<div v-html="infoData.content" v-highlight id="vhtml"></div>封装:/** * ..原创 2021-02-23 12:03:12 · 1641 阅读 · 2 评论 -
使用vue-cli3或以上版本创建的项目不再生成config配置文件,需手动创建 vue-config.js
使用 vue-cli3 或以上版本的脚手架创建项目 不再生成config配置文件, 需要手动去创建vue-config.js 文件,这里贴一下常用配置模板 方便后续创建项目直接copyconst target = require('./src/URL')module.exports = { // 项目部署的基本路径 publicPath: "/", // 构建输出路径 ,vue-cli-service build 时生成。 outputDir: "dist", ..原创 2020-12-08 14:41:50 · 1788 阅读 · 0 评论 -
vue的状态管理模式 vuex
vuex是vue的一个状态管理模式,用来管理所有组件的状态, 并且可以搭配vue的devtools extension进行调试我这里是一个 年龄 + 地址 的例子State 单一状态树(状态对象)import Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);// 状态对象 -> 声明常量const state = { age:10, address:'广东'}Mutations 辅原创 2020-08-25 14:52:11 · 214 阅读 · 0 评论 -
vscode 使用vue-cli 脚手架 快速搭建 vue项目
安装、配置npm、vue启动vscode ,打开一个控制台切换到需要创建项目的目录 使用 cd xxx 命令行输入vue init webpack ProjectName ,ProjectName是项目名称 任意写填写项目信息切换到项目根目录,初始化项目 npm i运行项目npm run dev按住Ctrl键 鼠标点击链接 进行快捷访问浏览器展示的...原创 2020-08-04 09:34:07 · 1961 阅读 · 1 评论 -
vue环境安装(node.js 、vue-cli 和 webpack )
node.js安装下载地址https://nodejs.org/en/1.设置nodejs prefix(全局)和cache(缓存)路径设置缓存文件夹 npm config set cache "D:\SoftWare\NodePath\node_cache"设置全局模块存放路径 npm config set prefix "D:\SoftWare\NodePat...原创 2020-02-17 23:25:39 · 342 阅读 · 0 评论