vue中使用nodejs(vue中使用swiper插件实例)

vue为什么需要nodejs

node.js内置了包管理工具npm,我们使用vue-cli来开发vue的时候,谈宏圆过程中我们就需含塌要各种各样的包来为我们绝判服务

nodejs安装 vue安装 创建 vue项目

安装好nodejs之后,对npm安装的全局模块所在路径以及缓存所在路径,进行环境配置。npm install express [-g](后面的可选参派升数-g,g代表global全局安装的意思)的安装语句时,会将安装的模块安装到【C:\蔽轮Users\用户名\AppDataRoaming\npm】路径中,占C盘空间。所以我们可以运行下面两个命令更换全局安装路径:

如下图,我们再来关注一下npm的本地仓库,输入命令npm list -global

基于nodejs,利用淘宝npm镜像安装相关依赖。由于国外使用npm会很慢,这里推荐使用淘宝nmp镜像;

输入命令npm config list 显示所有配置信息,我们关注一个配置文件

检查一下镜像站命令行不行:

注意,此时默认的模块E:\workspace\npm\nodejs\node_modules, 目录将会改变为E:\workspace\npm\nodejs\node_global\node_modules 目录,

如果直接运行npm install等命宏羡信令会报错的。

我们需要做1件事情:

增加环境变量NODE_PATH 内容是:E:\workspace\npm\nodejs\node_global\node_modules(参考jdk配置),注意,以下操作需要重新打开CMD让上面的环境变量生效

命令:

对path环境变量添加E:\workspace\npm\nodejs\node_global (这个路径应该是包含vue.cmd的那个目录)

重新打开CMD,并且测试vue是否使用正常

vue中使用nodejs(vue中使用swiper插件实例)  第1张

vue2浏览器端不能使用人nodejs下os模块吗

不能。vue2浏览器是一个Js框架芹租,有简化Dom操作,响应式的数据驱动,页面会根据数据自动生燃让成,它是不能使用人nodejs下os模块的。Node.js是一个基于ChromeV8引擎的JavaScript运行环境,Node.js使用了一个事件驱嫌段兆动、非阻塞式I/O的模型。

vue为什么需要nodejs 的环境

一、JavaScript

传统的JavaScript是运行在浏览器上的,因为浏览器的内核分为两个部分

二、什么是Node.js

Node.js 是一个基知知于 Chrome V8 引擎的 JavaScript 运行环境,运行在服务端的JavaScript。Node.js 使用了搭锋消一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。

综上所述,vue.js 是通过 webpack来打包,而webpack 又基于 npm, npm需要nodejs环境。这就是为什么vue.js 还需要安装nodejs环境。

将目标dist文件夹拷贝到一台未安装nodejs的 nginx服务器上,访问页面可以正常响应逻辑。这时跟nodejs没有任何关系,服务器又不是nodejs在担当,而是nginx。如果你用nodejs来部署服务器,则需要在目标机上安装nodejs.

简单的说:你既可以开发nodejs的服务程序,亦可以用基于nodejs的npm webpack来打包 目标前端页面。vue.js 使用基段webpack来打包,故而需要nodejs环境。

参考文章

nodejs和vue的关系

nodejs和vue的关系如下:

1、首先vue.js是库,不是框架,不是框架,不是框架。

2、Vue.js使用了基于HTML的模版语法,允迅伍许开发者声明式地将DOM绑定至底层Vue实例的数据。Vue.js的核心是一个允许你采用模兆简洁的模板语法来声明式的将数据渲染进DOM的旦昌租系统。

3、vue.js下载过来直接在html中引入就好了并不一定要npminstallvue.vue.js有路由的叫vue-route.js,vue.js也有数据请求叫vue-resource.js。Vue.js可以在html里引用,使用npm引入是方便包管理。

以上内容为新媒号(sinv.com.cn)为大家提供!新媒号,坚持更新大家所需的前端知识。希望您喜欢!

版权申明:新媒号所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流,不声明或保证其内容的正确性,如发现本站有涉嫌抄袭侵权/违法违规的内容。请发送邮件至 k2#88.com(替换@) 举报,一经查实,本站将立刻删除。

(0)
上一篇 2023-09-23 13:13
下一篇 2023-09-23 13:13

相关推荐

发表回复

登录后才能评论