# front-study-vuepress
**Repository Path**: yuyingqianduan/front-study-vuepress
## Basic Information
- **Project Name**: front-study-vuepress
- **Description**: vuepress搭建前端学习模块、学习路线、学习总结
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 5
- **Forks**: 0
- **Created**: 2022-10-31
- **Last Updated**: 2025-06-12
## Categories & Tags
**Categories**: Uncategorized
**Tags**: md管理模板, vuepress2, vue框架, react框架, 前端板块学习路线图
## README
鱼樱前端
💪 前端学习文档，与君共勉！
# 👏 front-study-vuepress
#### 🎉 介绍
vuepress2 搭建前端学习模块（vue 框架、react 框架、nodejs、微信小程序、微信公众号、项目实战、项目经验）、学习交流、学习路线、学习总结
### 💅 参考文档
https://v2.vuepress.vuejs.org/zh/guide/
### 💅 md 语法
https://commonmark.org/help/
#### 💅 软件架构
此项目主要是收集前端各种疑难杂症，学习新技术，总结项目经验，最佳实践，复盘前端盲点
#### 🚀 安装教程
1. 下载 node 版本需要 Node.js v14.18.0+
2. 特别的
- 使用 pnpm 时，你可能需要安装 vue 和 @vuepress/client 作为 peer-dependencies ，即 pnpm add -D vue @vuepress/client@next 。
- 使用 yarn 2 时，你需要在 .yarnrc.yml 文件中设置 nodeLinker: 'node-modules'
3. yarn add -D vuepress@next / npm i -D vuepress@next
#### 📦️ 使用说明
1. package.json 中添加一些 scripts
```js
{
"scripts": {
"dev": "vuepress dev docs",
"build": "vuepress build docs"
}
}
```
2. 添加 忽略 git 提交文件 .gitignore
```js
echo 'node_modules' >> .gitignore
echo '.temp' >> .gitignore
echo '.cache' >> .gitignore
```
3. 创建第一篇文档
```js
mkdir docs
echo '# Hello VuePress' > docs/README.md
```
4. 下载依赖 npm i
5. 启动项目 npm run dev / yarn dev 【命令自己在 package.json 的 scripts 自定义配置就好】
6. vuepress 的热加载 在 package.json 中配置 --temp .temp 重启
```js
"scripts": {
"dev": "vuepress dev docs --temp .temp",
"build": "vuepress build docs"
}
```
#### 💪 参与贡献
1. Fork 本仓库
2. 新建 Feat_xxx 分支
3. 提交代码
4. 新建 Pull Request
#### 📦️ 特技
1. 使用 Readme_XXX.md 来支持不同的语言，例如 Readme_en.md, Readme_zh.md
2. Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
3. 你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
4. [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
5. Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6. Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)
```
```
### md 语法
[基础语法链接](https://commonmark.org/help/) _斜体_ **粗体** > Blockquote 引用
# 底部水平线
Horizontal rule:
---
`code 转义代码`
#### 提示语
::: tip
这是一个提示
:::
::: warning
这是一个警告
:::
::: danger
这是一个危险警告
:::
::: details
这是一个 details 标签
:::
#### 自动换行
在当前行最后敲击两个空格以上
#### 插入代码
```js
插入js
```
```html
插入html
```
```ts
插入ts
```
#### 插入链接
[插入链接](url)
#### 插入图片
### 插入表情
打开 [表情包链接](https://github.com/ikatyang/emoji-cheat-sheet) 随意挑选插入
### 表格
| name | age | sex |
| :--: | :-- | --: |
| tony | 20 | 男 |
| lucy | 18 | 女 |
### vscode 安装中文插件后，中文没有生效
- 方法一: 点击 Uninstall ,重新安装,再重启 vscode
- 在 vscode 中，按住`ctr+shift+p`，在出现的输入框中，输入`Configure Display Language`，在弹出的语言中，选中 zh-cn