创建项目
大约 1 分钟
此教程将指引你创建一个 VuePress Theme Hope 项目。
1. 选择合适的项目位置
为了避免偶然间触发一些奇怪的问题,而你自己不会解决,请尽量避免使用包含中文文字、表情符号或空格的文件路径 (如: C:\Users\小张\Desktop\VuePress 项目\Hope 主题❤️\
)。
建议使用纯英文路径 (如: D:\projects\vuepress-theme-hope\
)。
2. 创建项目模板
在选定的文件夹中打开终端。
在 Windows 上打开终端
请使用文件管理器打开对应文件夹,然后在上方的地址栏中输入 cmd
并按下回车。
在终端中执行下列命令之一:
pnpm
pnpm create vuepress-theme-hope my-docs
yarn
yarn create vuepress-theme-hope my-docs
npm
npm init vuepress-theme-hope@latest my-docs
文件夹参数
这里的 my-docs
是一个参数,代表 VuePress Theme Hope 项目的文件夹名称,在本教程中,我们将项目生成至当前目录下的 my-docs
文件夹。
如果你有需求,你可以更改此参数来使用一个新文件夹名称。
中文显示
如果你的英语很不好,请在第一次选择中通过键盘 ↓
选择 简体中文
并回车来在后续流程中使用中文进行显示。
开发服务器
如果你在模板初始化成功后选择立即启动开发服务器,稍等片刻,你就可以在浏览器地址栏输入 localhost:8080/
访问开发服务器了。