当前位置:首页 > Windows程序 > 正文

如果了解nodejs可以自己实现

2024-03-31 Windows程序

比来项目要求用vue2.0所以开始着手学习。

前期筹备:

下载Node.js 地点: 选择本身对应的版本,我下载的是.msi 64位的

然后就双击下一步吧。完成之后,记得配置环境变量(不知道环境变量在哪里的 先拉到最下面)

技术分享图片

因为我把Node.js安置到了D盘nodeJs目录下。

呼出cmd,

技术分享图片

命令走起 ,出版本号了 ,OK。

此刻开始要安置npm了,先介绍下npm是什么:

npm其实是Node.js的承打点工具(package manager)。

为啥我们需要一个承打点工具呢?因为我们在Node.js上开发时,会用到很多别人写的JavaScript代码。如果我们要使用别人写的某个包,每次都按照名称搜索一下官方网站,下载代码,解压,再使用,非常繁琐。于是一个集中打点的工具应运而生:大家都把本身开发的模块打包后放到npm官网上,如果要使用,直接通过npm安置就可以直接用,不用管代码存在哪,应该从哪下载。

更重要的是,如果我们要使用模块A,而模块A又依赖于模块B,,模块B又依赖于模块X和模块Y,npm可以按照依赖关系,把所有依赖的包都下载下来并打点起来。否则,靠我们本身手动打点,必定既麻烦又容易堕落。(这句话是网上摘抄的)

讲了这么多,npm究竟在哪?其实npm已经在Node.js安置的时候顺带装好了

到此告一段落。

开始安置live-server(live-server是基于nodejs的一款插件,如果了解nodejs可以本身实现,更好的改端口啥的)

进入联系vue项目的目录(放哪里你随便)

然后执行

技术分享图片

开始安置

诶呦!!堕落误了吧

技术分享图片

连忙上网找功效………………………………………………好了找到解决步伐了:以打点员身份运行cmd就可以,怎么以打点员运行呢 

技术分享图片

告成之后右上角会显示打点员

技术分享图片

然后在从头安置live-server

技术分享图片

完成!

命令行(项目目录里)输入 live-server 报上面错误的话,在和你node.js安置目录同级目录下面有个node目录

技术分享图片

将红色框中的路径配置到环境变量中

技术分享图片

OK 再次输入命令live-server 

技术分享图片

它会直接打开你地址目录下的index.html文件,此刻就可以开始你的学习之路吧!!

注: 排版乱的一塌糊涂,请谅解,本人也是小白一名,有错误的话勿喷。有建议的话可以留言。只是本身告成安置,记录下过程。

 <!-------------------环境变量在哪里------------------------------------------------------->

右键我的电脑->属性

技术分享图片

技术分享图片

技术分享图片

差别路径之间用分号离隔即可

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/35840.html

Jm-杰米博客Jamie
草根站长的技术交流乐园!IT不会不要紧快来好好学习吧!
  • 20786文章总数
  • 7494590访问次数
  • 建站天数
  • 友情链接