vuepress1.x入门使用

  1.用npm操作会有各种问题,用yarn取代之;

  2.yarn可以用npm全局安装,而npm是node环境自带,node环境去官网下载安装;

  3.没有必要全局安装vuepress

 

操作:

  1.新建一个空文件夹,这里我取名叫learn-vuepress,注意项目名不要写成驼峰写法(learnVuepress),因为在依赖项配置里面,这样的项目名称是不合法的。在项目目根目录下新建名为docs的空文件夹,在docs文件夹内,再建一个.vuepress文件夹。结构如下:

  

vuepress1.x入门使用

  如果不想这样用命令行来建文件夹,那就手动来,也是一样的。最后就是这样子,三层结构。

  

vuepress1.x入门使用

 

  2.初始化依赖配置表。也就是说初始化一个package.json。这里执行 yarn init -y。-y代表“yes”,也就是无询问初始化配置表。

  

vuepress1.x入门使用

 

  3.为项目的生产环境安装vuepress。控制台运行yarn add -D vuepress@next。即为生产环境安装vuepress,同时node_modules也会下载好,一步到位。

  

vuepress1.x入门使用

 

  4.在package.json里面添加如下键值对:

  

"scripts": { "docs:dev": "vuepress dev docs", "docs:build": "vuepress build docs" }

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wpdywf.html