当前位置: 移动技术网 > IT编程>开发语言>JavaScript > 创建Npm脚手架

创建Npm脚手架

2019年06月18日  | 移动技术网IT编程  | 我要评论
1工具 l Npm ( https://nodejs.org/en/ ) l Yeoman (npm install -g yo) l generator-generator (npm install -g generator-generator) 备注说明: 2操作步骤 2.输入对应的配置信息之后 ...

 

 1工具

l  npm ( )

l  yeoman (npm install -g yo)

l  generator-generator (npm install -g generator-generator)

备注说明:

  1. yo是yeoman的命令行工具包,需要全局安装
  2. generator-generator就是generator的generator,需要全局安装
  3. 将npm的镜像调整为国内,命令如下npm config set registry=http://registry.npmjs.org
  4. 注册一个npm的账号,密码,邮箱(有可能需要fq,蓝灯试试)

2操作步骤

  1. 创建一个脚手架的基础版本.创建一个空的文件夹,命名为cli,在此文件夹下进入命令行状态,再命令行中输入yo generator

 

 

         2.输入对应的配置信息之后,代码会帮助我们自动创建一个脚手架的基础版本.生成的代码结构如下:

           

 

        3.将需要生成脚手架的代码,放置到app/templetes下,并修改app/index.js文件,在write方法添加新的复制文件的路径.   

        4.初始化项目,加载依赖包.切换到项目下,输入命令npm install

        

       5.将这个脚手架链接到本地,在本地测试,看看是否可行

        npm link // 如果提示权限问题请使用sudo npm link

        若此命令没有抱任何的错误,此时脚手架已经可以本地使用了。

        在本地创建一个项目目录,进入该目录,尝试使用该脚手架,比如现在脚手架项目名称为generator-weminiapp,命令行中应该去掉脚手架项目的前缀“generator-”来运行:yo weminiapp

        命令会根据设定的提示和输入信息,yeoman会一步一步安装你的项目文件,最终生成你指定的项目结构。

       效果如下:

         

               

 

 

     6.发布脚手架到npm

      1》  若是没有npm账号,则可以通过npm adduser来创建

      2》  若是已有npm账号,则可以通过npm login来发布,命令行操作如下:

        

 

     3》  输入npm publish命令,进行上传发布,成功的提示如下:

             

 

 

3部署

   登录npm,查看项目是否上传成功. 具体网址如下:

         

 

 

      点击generator-weminiapp,进入查看项目信息.具体信息如下

      

 

4测试

新创建一个纯空的文件夹,下载代码.

  

 

 

 

如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网