vue学习之node开发环境搭建

vue学习之node开发环境搭建

本人女程序员一枚,从业5年,从小白慢慢成长起来。遇到了好的师父和引路人,希望自己也能成为别人的灯塔,继续努力学习深耕~

一、nodeJS简介
1.node.js是运行于服务端的JavaScript解释器,它是一个基于Chrome V8引擎的JavaScript运行环境,使用了一个事件驱动、非阻塞式I/O模型,让JavaScript 运行在服务端的开发平台,它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言。 
2.V8引擎执行Javascript的速度非常快,性能非常好。Node是一个基于ChromeJavaScript运行时建立的平台,用于方便地搭建响应速度快、易于扩展的网络应用。
3.Node使用事件驱动,非阻塞I/O 模型而得以轻量和高效,非常适合在分布式设备上运行数据密集型的实时应用。
4.优点及发展前景:
    (1)与python实现的若干webserver库(比如tornado)相比,它是从底层到库上都是完全异步:一切都是事件回调处理,IO读取,DB库,都是异步的,而python由于很多库只支持阻塞操作,不得不使用线程池方式来减少阻塞带来的吞吐量下降。其实Java也有这样的问题,即使使用NIO网络框架,到了memcached/mysql之类的客户端调用,也只能阻塞当前线程,不得不使用线程池来处理网络事件。
    (2)计算性能。作为动态语言,由于v8的加持,比起python要好一些。但是由于有v8最大1G堆大小的限制,相比java/c++等语言,在高负载下不够给力。
    (3)客户端到服务器,都是使用js开发,适合前端的同学来实现一些后台监控应用。加上js的高生产力和灵活性,一些简单的需求不需要动用c++之类的核武器。

二、npm简介

  npm其实是Node.js的包管理工具(package manager)。
 
为啥我们需要一个包管理工具呢?因为我们在Node.js上开发时,会用到很多别人写的JavaScript代码。
如果我们要使用别人写的某个包,每次都根据名称搜索一下官方网站,下载代码,解压,再使用,非常繁       琐。
于是一个集中管理的工具应运而生:大家都把自己开发的模块打包后放到npm官网上,如果要使用,
直接通过npm安装就可以直接用,不用管代码存在哪,应该从哪下载。
 
更重要的是,如果我们要使用模块A,而模块A又依赖于模块B,模块B又依赖于模块X和模块Y,
npm可以根据依赖关系,把所有依赖的包都下载下来并管理起来。否则,靠我们自己手动管理,肯定既麻烦 
又容易出错。
 
注1:npm==maven  有点类似

三、node.js环境搭建操作步骤

1.下载node安装包

地址:https://nodejs.org/zh-cn/download/

下载成功后,通过保存路径找到node-v14.15.1-x64.msi安装包文件。

2.安装

双击安装包进行安装,会弹出安装提示对话框

点击Next按钮,跳转到安装协议对话框。

勾选复选框表示同意协议,然后点击Next按钮

设置安装路径,Node.js默认安装目录为 “C:\Program Files\nodejs” , 我们可以修改目录,点击Change按钮,进行修改。本文是将 nodejs 安装在 D:\nodejs 目录下。

自定义设置我们不进行任何修改,直接点击Next按钮。

Node.js runtime:表示运行环境npm package manager:表示npm包管理器online documentation shortcuts:在线文档快捷方式Add to PATH:添加到环境变量

点击Install按钮进行安装

安装完毕后,会出现安装完毕提示框,点击Finish按钮,安装成功。

完成安装步骤后,可以测试一下Node.js是否安装成功,测试步骤如下

(1)按【Win+R】组合键,打开“运行”对话窗口,输入cmd。

(2) 点击“确定”按钮,打开CMD命令界面。

(3)在CMD命令台,输入命令“node -v”(v是version的简写,表示版本),按【Enter】键,如果安装成功会显示node的版本号,否则提示“node不是内部命令”。

4.配置环境变量

说明:这里的环境配置主要配置的是npm安装的全局模块所在的路径,以及缓存cache的路径,之所以要配置,是因为以后在执行类似:npm install 模块名 [-g] 的安装语句时,会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中,占C盘空间。

本文是将 nodejs 安装在 D:\ProgramFiles\nodejs 目录下,以下操作可根据实际安装目录情况进行对应调整

(1)在安装目录下,如 D:\ProgramFiles\nodejs 新建两个文件node_global(全局包存放目录) 和 node_cache(缓存目录);

(2)打开终端工具,执行以下两句操作

npm config set prefix“D:\ProgramFiles\nodejs\node_global”

npm config set cache“D:\ProgramFiles\nodejs\node_cache”

(3)配置环境变量:

右击“此电脑”的图标,选择属性-高级-环境变量,在系统变量中新建 变量名:NODE_PATH,变量值:D:\ProgramFiles\nodejs\node_modules

编辑用户变量的 path,增加D:\ProgramFiles\nodejs\node_global

然后我们的Node.js的环境就配置好了

接下来就可以创建我们的工程进行开发了~

  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
Vue.jsNode.js 都是非常流行的前端和后端技术。要一起使用它们创建一个项目,你需要安装以下组件: 1. **Node.js**:首先确保你已经安装了Node.js,它是JavaScript运行时环境,用于服务器端开发npmNode包管理器)。你可以从nodejs.org下载适合你操作系统的版本。 2. **npm**:随Node.js一起安装,它是管理Node.js项目的包依赖工具。 3. **Vue CLI(Vue命令行界面)**:这是官方推荐的Vue.js项目创建工具,安装Vue CLI可以通过npm或yarn(另一个包管理器): ```bash npm install -g @vue/cli # 或者使用yarn yarn global add @vue/cli ``` 4. **创建Vue项目**:使用Vue CLI初始化一个新的Vue项目: ```bash vue create my-vue-node-app ``` 这将创建一个名为"my-vue-node-app"的新目录,并配置好基本的Vue.js应用结构。 5. **安装后端框架(如有需要)**:对于Node.js,可以选择Express或其他框架。例如安装Express: ```bash cd my-vue-node-app npm install express ``` 6. **配置VueNode通信**:在Vue项目中,你可以使用axios等库来与Node后端API交互。安装axios: ```bash npm install axios ``` 7. **启动项目**:分别启动Vue前端Node的后端服务: - 启动Vue应用: ```bash cd my-vue-node-app npm run serve ``` - 启动Node应用(假设用Express): ```bash npm run build (构建Vue应用) node server.js (假设server.js是你的Express应用入口) ``` 安装完成后,你可以开始开发前端与后端交互的Vue应用。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

妮子果酱

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值