女朋友都能看懂的前端脚手架教程(上)

618 阅读2分钟

进入大厂以后,发现好多大佬都有自己的脚手架,引来无数小白羡慕的目光


作为一个有理想有梦醒的程序员,怎么能没有自己的专属脚手架,开搞!!!

我:拥有自己脚手架的男人,才是这世界最帅的程序员

女朋友: 无语ing

我:首先我们先建一个文件夹,就叫cliDemo吧,然后进入文件夹,使用命令行

npm init -y //进行默认设置

文件夹下出来一个package.json文件

在package.json中添加bin

女朋友:bin是干什么用的

我:就是写一个内部命令,比如我写的'ws',右边就是这个命令所对应的要执行的文件

所以我们在根目录下创建一个bin文件夹,文件夹下面写一个main.js,在main.js中写入

#!/usr/bin/env node 
#!/usr/bin/env node 的作用就是这行代码是当系统运行到这一行的时候,去 env 中查找 node 配置,并且调用对应的解释器来运行之后的 node 程序

然后再在main.js中写入

console.log('hello ws');

关键的异步来了 在命令行中输入

npm link

女朋友:npm link又是啥

我:他就是把我们的ws命令,安装到全局,这样我们在其他地方也可以使用这个命令了 然后在命令行,执行

ws

我们的console.log语句就出来了,是不是很神奇

上面的代码如果你遇到什么问题,欢迎评论区留言,如果有用的话,给点个赞吧

未完待续

参考

[脚手架搭建]如何搭一个自己的脚手架