项目搭建
#安装vuepress第一步就是进行vuepress进行安装: 如果使用npm来安装, Node.js版本需要 >=8 才可以yarn global add vuepress # 或者：npm install -g vuepress#注意如果你的现有项目依赖了 webpack 3.x，推荐使用 Yarn而不是 npm 来安装 VuePress。因为在这种情形下，npm 会生成错误的
vuePress博客搭建指南需要node环境和npm支 如果不会安装npm请转到：安装指引vuePress概述Vue 驱动的静态网站生成器 基于markdown语法生成网页 可自定义和扩展样式 可以发布至github 详情请看官网 vuepress安装初始化全局安装更改npm默认下载路径 为taobao源npm config set registry https://registry.npm.ta
转载
2024-04-12 20:20:41
101阅读
Babel 配置用法解析刚复工的时候我司业务太多了，我已不记得我们连续作战了多少天，最近算是有时间可以学习学习我的babel大宝贝了，上周末看了下babel的一些核心模块以及babel的一些配置，今天继续以博客的形式记录总结下来。写前面：babel默认是只会去转义js语法的，不会去转换新的API，比如像Promise、Generator、Symbol这种全局API对象，babel是不会去编译的。在
转载
2024-04-22 13:21:04
163阅读
使用VuePress快速搭建博客最近我在3A平台购买了服务器，准备搭建一个博客。VuePress介绍VuePressVuePress官网https://www.vuepress.cnVuePress指南https://www.vuepress.cn/guide…VuePress安装安装前请安装 Node.jsNode.js下载地址http://www.nodejs.com.cn你可以在一个硬盘创建
转载
2024-06-18 14:05:11
80阅读
基本配置细节首页配置 首页配置文件是doc目录下的README.md文件，以下是一个如何使用的例子：---
home: true
heroImage: /hero.png
heroText: Hero 标题
tagline: Hero 副标题
actionText: 快速上手 →
actionLink: /zh/guide/
features:
- title: 简洁至上
detail
转载
2024-08-14 13:36:46
162阅读
前言 之前写过一篇旧React项目安装并使用TypeScript的文章：在React旧项目中安装并使用TypeScript的实践。博客里使用awesome-typescript-loader对Typescript代码进行检测和转换。而这几天又修改了一下自己的脚手架，使用@babel/preset-typescript来处理Typescript。回顾awesome-typescript-loade
rollup.config.jsimport babel from "rollup-plugin-babel";import { nodeResolve } from '@rollup/pl
原创
2022-11-23 00:18:24
699阅读
1.ts编译 npm install --save-dev @babel/preset-typescript 2
转载
2020-02-29 00:00:00
80阅读
2评论
问题使用vuepress写文档网站，为了实现element-ui类似的组件预览效果，项目里面将ant-design-vue和基于ant-design-vue的自己封装的组件引入项目中，开发环境能正常运行。当运行Build打包后，报错：error Error rendering /:方案1经查询vuepress github issuse 得到的答案是，vuepress是服务端渲染的，浏览器的 AP
转载
2024-09-03 16:45:10
97阅读
在对babel进行配置的时候，我们一般都是复制粘贴官网上例子或者使用现成的脚手架，但其实其中的每一项我们都不太了解，它是做什么的？实现了什么功能？因此，做一下具体详细的记录。 1.首先es6增加的内容分为语法和api语法：比如箭头函数和解构const fn = () => {}
const arr2 = [...arr1]新的api：比如map和promiseconst m = new Ma
转载
2024-01-19 22:41:54
60阅读
vuepress官网 vuepress是尤大开发来写文档的静态页面。可以用Markdown 语法，并且也可以使用vue模块化的方式开发页面。vuepress-theme-reco 是另外的开发者开发的 vuepress主题。本文将介绍依赖这个主题，构建GitHub pages静态博客的详细过程 提前说明：本过程比较详细，相当于手把手的教，针对于不熟悉vuepress的
转载
2024-03-12 12:29:32
74阅读
这里使用了主题reco,并且使用音乐播放插件，看板娘插件，全文检索插件，评论插件，复制代码插件等等。基础配置创建目录并初始化,初始化后会生成一个package.json文件mkdir vuepressBlog
cd /vuepressBlog
npm init -y下载vuepressnpm install -g vuepress创建docs目录，并在该目录下创建.vuep
转载
2024-04-03 13:16:42
97阅读
写在前面这里我用的是vuepress-theme-reco主题，可以先康康我的博客Landscape in the Mist，如果你喜欢这个主题的话再继续看下去叭！其实我搭建这个博客用了不止一个小时，中间踩了很多坑，不过大都是由于没仔细看文档导致的，大家一定有问题先看文档! vuepress-theme-reco, VuePress搭建步骤初始化这里推荐用yarn，我最开始用的是npm，但是不知道
转载
2024-05-10 18:25:03
210阅读
Babel 是一个编译器（输入源码 => 输出编译后的代码）。就像其他编译器一样，编译过程
原创
2022-11-23 00:12:35
130阅读
前文中 http://winseclone.iteye.com/blog/1774307 介绍了使用Properties的方法。但是TableTree 形式的Properties视图，局限性比较大，不能很好的发挥。如下操作在Properties就很难实现：
调整属性，
重要的
常用的属性放置在前！
在属性上添加其他操作，如在Class对象上通过ctr
目录 引言 配置 Babel 环境 babel-cli 在项目内部运行 Babel CLI babel-register babel-node babel-core 配置 Babel .babelrc babel-preset-es2015
原创
2022-05-01 19:17:00
4400阅读
问题一：请说出vue-cli工程中每个文件夹和文件的用处vue-cli目录结构：vue-cli目录解析：build 文件夹：用于存放 webpack 相关配置和脚本。开发中仅 偶尔使用 到此文件夹下 webpack.base.conf.js 用于配置 less、sass等css预编译库，或者配置一下 UI 库。config 文件夹：主要存放配置文件，用于区分开发环境、线上环境的不同。 常用到此文件
转载
2024-10-03 09:07:43
88阅读
目录一、Vue-CLI 项目搭建1、node环境介绍解释型语言和编译型语言文件防篡改校验（拓展）2、nodejs 解释器环境安装3、项目的创建创建vue项目使用什么？vue-cli安装步骤4、使用vue-cli创建项目方式一方式二二、vue项目目录介绍打开项目运行项目vue 项目目录介绍三、es6导入导出语法3.1 App.vue,main.js写了什么3.2 导入导出语法3.3 vue项目编写步
之前在外卖软件上看到这个左右联动的效果，觉得很有意思，所以就尝试使用Vue来实现，将这个联动抽离成为一个单独的组件，废话少说，先来一张效果图。这个组件分为两个部分，1、左菜单；2、右菜单。动态数据结构menus: [ { name: '菜单1', data: [ { name: '1.1' }, { name: '1.2'
目录前言一、查看vue-router依赖版本号，防止后面出现版本报错问题。二、下载或者卸载已有版本1.推荐3.5.2稳定版本，我去官网下的新版出现了无法正常显示的情况2.兼容问题 三、引入vue-router四、router-view视图五、好了到这就配置结束了那要怎么使用呢，举个例子总结 前言第一次写Vue项目，要用到router.js,看了一下官方文档，还是很懵逼，不知道怎么配置，
