首页 > 编程知识 正文

新手前端编程nodejs,javascript前端入门

时间:2023-12-29 13:16:27 阅读:329569 作者:LBUP

本文目录一览:

新手前端,有没有必要专门去学习下 nodejs

node.js实际上来说是后台语言,应用广泛,当然跟php java这样成熟的语言相比还是差一点,但是前景很好,而且因为是用的js的语法来写后台,对于前端来说很容易上手,假如是刚开始学习前端的话node.js不需要学习,先把前端的js H5 css3学好才是正事,不过如果有空node.js了解一下也很好,当觉得自己前端这块学的差不多了,对于js的语法规则,闭包,作用域这些都理解透彻了之后再去学习node.js会进步很快。

前端另一个运行环境NodeJS

说前端,就不得不说JavaScript,JavaScript可以直接在浏览器中运行,它的另一个运行环境就是NodeJs。

浏览器中写JavaScript是超级简单的,打开浏览器,然后按F12或者鼠标右键,选择检查(检查元素),再选择控制台,输入Console.log(‘Hello world!’),打印出经典的Hello World!。

让javaScript这门语言能成为前端的老大,是应为NodeJs,有了NodeJs,javaScript也可以做为服务端部署,是不是感觉前端也能往全栈发展,开发出属于自己的应用,不要太开心了哦。

现在开始安装NodeJs啦,推荐菜鸟教程: 以及NodeJs 官网:

在这里注意说一下注意事项:

1.  确定安装好node(npm随node安装程序自动安装,npm是对Node.js依赖的包进行管理)之后

2.  配置npm安装全局模块时的路径和缓存cache的路径

Npm执行全局安装的命令:npm install webpack -g等,默认会将模块安装在C:Users用户名AppDataRoaming路径下的npm和npm_cache,这样就会导致不方便管理此处的模块并且占用C盘空间,这里建议进行自定义的全局模块安装目录的配置,在node.js安装目录下新建两个文件夹node_global和node_cache:

在cmd中执行下面两个命令即可:

npm config setprefix "D:Program Filesnodejsnode_global"

npm config setcache "D:Program Filesnodejsnode_cache"

执行之后,配置环境变量,如下:

“环境变量”- “系统变量”:新建一个变量名为“NODE_PATH”,值为:node安装目录node_globalnode_modules

“环境变量” - “用户变量”:编辑用户变量里的Path,讲相应npm的路径(“C:Users用户名AppDataRoamingnpm”)改为:node安装目录node_global

测试:

安装成功,自定义文件夹如下所示:

在cmd命令下执行webpack -v 查看webpack版本,出现这个问题:‘webpack’不是内部或外部命令,也不是可运行的程序或批处理文件:

确认安装好了NodeJS,也安装了webpack

检查配置的路径:环境变量下的用户变量的path:

环境变量下的系统变量的NODE_PATH:

环境变量下的系统变量的Path,发现时少增加了D:softwarenodenode_global,增加上之后:

因为安装的webpack是高版本,还需要全局安装webpack-cli,命令:npm install webpack-cli -g,安装好后就可以了:

坚信问题是促使我们前进,问题也是让我们产生了价值的意义所在,欢迎评论留言点赞。

一个老派的前端怎么开始学习使用nodejs的前端开发?

Node.js 就是运行在服务端的 JavaScript,如果你熟悉Javascript,那么你将会很容易的学会Node.js。建议先参照网上的教程搭建环境,然后编写一些简单的例子,熟悉基本语法。后面可以尝试做一些小项目练手。无论多老派,这都是流程。node.js并不难,但再简单的道路,如果不迈开腿将永远无法到达。

无论你觉得这条路有多艰难,你走的都是别人已经走过的路。开始学习吧!

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。