【Vue全家桶高仿小米商城】——(一)Node环境配置

news2024/10/6 18:22:25

文章目录

    • 第一章:课程简介
      • 一、Win/Mac Node环境安装
      • 二、Linux Node环境安装
      • 三、安装淘宝镜像
      • 四、安装vue/vue-cli/webpack/webpack-cli
      • 五、Node版本如何做卸载和升级(Mac/Linux)

第一章:课程简介

对课程的整体内容做介绍,并讲解Node环境安装和配置,以及Node版本如何做卸载和升级。

一、Win/Mac Node环境安装

node.js官网:https://nodejs.cn/

  1. 官网根据自己的系统下载node.js进行安装,安装完成后Win + R打开cmd窗口输入:npm -v,出现版本号即安装成功。
    在这里插入图片描述
    在这里插入图片描述

  2. 配置nodejs环境
    注意事项:尽量不要安装在C盘,

  • (1) 在nodejs文件夹下新建node_cache,node_global两个文件夹
    在这里插入图片描述
  • (2) 添加环境变量Path:

D:\develop_tools\nodejs
D:\develop_tools\nodejs\node_global

  • (3) 添加环境变量 NODE_PATH:
    在这里插入图片描述
  • (4) 设置缓存文件夹
npm config set cache “D:\develop_tools\nodejs\node_cache”
  • (5) 设置全局模块存放路径
npm config set prefix “D:\develop_tools\nodejs\node_global”

完成上述步骤之后就可以全局操作npm了

**注意:**在(4)和(5)中,如果node.js安装在C盘,没有足够权限的情况下,操作可能不成功。

  • Windows安装在同一个位置进行覆盖或者先卸载
  • Mac直接安装即可覆盖

二、Linux Node环境安装

在这里插入图片描述

三、安装淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

检测镜像是否安装成功 cnpm -v

四、安装vue/vue-cli/webpack/webpack-cli

cnpm install vue -g
cnpm install vue-cli -g(旧版本安装)
npm install @vue/cli -g(新版本安装,可以打开vue UI界面操作项目)
cnpm install webpack -g
cnpm install webpack-cli -g

查看安装是否成功: vue -V,webpack -v
在这里插入图片描述

五、Node版本如何做卸载和升级(Mac/Linux)

在这里插入图片描述
npm命令链接:https://www.npmjs.com/package/n

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/652292.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

系统编程(4):进程间通信

文章目录 管道通信无名管道有名管道 管道通信 无名管道 无名管道只能在有亲缘关系之间的进程间通信(比如父子进程)。 第一步是创建一个管道,这个管道有两个文件描述符一个读,一个写 - 两个文件描述符fd[2],一个文件…

智慧城市同城V4小程序V2.27独立开源版 + 小程序+全插件+VUE小程序开源前端 安装测试教程

智慧城市同城V4小程序V2.27开源独立版本月最新版,与上一版相比修复了一些小细节,功能本身并无大的变化。体验下来感觉唯一区别用户授权一键就登陆了,上两版都需要选择头像呢称。新版系统包含全插件、包括很多稀缺收费的插件都在里面如括招聘、…

操作系统|知识梳理|复习(下)

目录 📚文件与外存空间 🐇文件的概念 🐇文件系统的概念 🐇文件的组织——路径与目录 🐇文件的存储⭐️ 🥕连续分配法 🥕链接分配法 🥕扩展分配法 🥕链表备份法 …

chatgpt赋能python:Python生成指定位数SEO文章的方法

Python生成指定位数SEO文章的方法 在网站优化中,SEO是一项非常重要的工作,它能够帮助我们提高网站的排名,并吸引更多的流量。在进行SEO优化时,我们需要开发一些有关关键词的文章。本文将介绍如何使用Python生成指定位数的SEO文章…

【前端基础篇】盒子模型、边距、边框、外边距合并问题详解

文章目录 一、盒模型概念与组成1.1 生活举例1.2 概念 二、盒模型组成分析2.1 **内容区(content)**2.2 内填充(padding)2.3 **边框(border)**2.5 外边距(margin)2.6 外边距合并问题2.…

【Django 网页Web开发】06. 模板继承的主题导航栏案例 高效开发 便捷维护(保姆级图文)

目录 实现效果模板继承moban.html 模板页面子页面test1.htmltest2.html url.pyview.py常见格式总结 欢迎关注 『Django 网页Web开发』 系列,持续更新中 欢迎关注 『Django 网页Web开发』 系列,持续更新中 实现效果 很多页面都有导航栏,以CSD…

CAD绘制等分点(定距、定数)

练习用CAD绘制等分点 分成两种,分别为定距分点和定数分点 前者指按照一定的距离在给出的线上绘制等分点 后者将已知的线分为确定的份数,绘制等分点 这里用绘制燃气灶的燃气孔为例: 首先绘制两个长方形作为基础 生成中心线作为参考 使用时…

视频网页前端禁止截屏代码实现js

有言在先 原理是采用商业级DRM实现,DRM 许可证费用目前没有免费服务商,腾讯云价格是0.0056元/次。 另外此功能不兼容安卓,安卓系统无法正常播放视频! 先展示效果 可以看到截屏时刻出现黑屏,录屏也能保证全黑状态。…

独立站的Facebook运营策略探索

Facebook广告是独立站吸引流量和推广业务的重要工具。然而,如何有效地运用Facebook广告,提高曝光率、点击率和转化率,是每个独立站主的关注焦点。本文将探索独立站如何巧妙地运用Facebook广告,实现精准引流和业务增长。 第一&…

性能优化-内存优化

8-《内存优化》 一.基础知识1.Java的内存分配区域2.Java的引用类型3.Java的垃圾回收机制:三个问题4.Android的内存管理机制 二. Android的内存泄漏、内存溢出、内存抖动概念1.**内存泄露**2.**内存抖动**3.常见的内存泄漏现象 三. 工具1.Profiler2.MAT3. Leak Canar…

高效工作了

高效工作 目录概述需求: 设计思路实现思路分析1.安排计划 参考资料和推荐阅读 Survive by day and develop by night. talk for import biz , show your perfect code,full busy,skip hardness,make a better result,wait for change,challenge Survive.…

STC15WProteus仿真HX711电子秤串口计价称重4x4键盘STC15W4K32S4

STC15WProteus仿真HX711电子秤串口计价称重4x4键盘STC15W4K32S4 Proteus仿真小实验: STC15WProteus仿真HX711电子秤串口计价称重4x4键盘STC15W4K32S4 功能: 硬件组成:STC15W4K32S4单片机 LCD12864显示器4x4矩阵键盘HX711电子秤 1.单片机通…

人工智能领域:面试常见问题超全(深度学习基础、卷积模型、对抗神经网络、预训练模型、计算机视觉、自然语言处理、推荐系统、模型压缩、强化学习、元学习)

【深度学习入门到进阶】必看系列,含激活函数、优化策略、损失函数、模型调优、归一化算法、卷积模型、序列模型、预训练模型、对抗神经网络等 专栏详细介绍:【深度学习入门到进阶】必看系列,含激活函数、优化策略、损失函数、模型调优、归一化…

QTYX量化系统实战案例分享|以小搏大选股策略一天三涨停-202306第四弹

前言 “实战案例分享系列”是和大家分享一些股票量化分析工具QTYX在实战中的应用案例(包括失败的案例),这样能够帮助大家更好地去理解QTYX中的功能设计,也能更好地帮助大家搭建出属于自己的量化交易系统。 关于QTYX的使用攻略可以…

想成为“专精特新”企业?可以从这4个方面入手...

一直以来我国高度重视培育壮大中小企业,“专精特新企业”是近年来政府各层面都在大力扶持的重点企业类型。大批中小企业积极将“数字化”“智能化”融入生产、管理、营销、供应链协作等各个方面,运用新技术、新手段,有效提高运营效率&#xf…

Shader Graph21-UV投影cubemap

准备 https://download.csdn.net/download/zhuziying99/87900710 需要先生成dds文件,可以使用两个工具如果是N卡的显卡,可以使用 Texture Tools Exporter | NVIDIA Developer 如果是A卡的显卡,可以使用CubeMapGen 一、打开Unreal&#x…

Vue中如何进行数据可视化大屏展示

Vue中如何进行数据可视化大屏展示 在现代数据驱动的应用程序中,数据可视化大屏已经成为了非常重要的一环。通过对海量数据进行可视化展示,可以帮助用户更好地理解和分析数据,从而做出更加明智的决策。在Vue中进行数据可视化大屏展示也变得越…

SpringBoot+Vue+Java 的高校招生管理系统

文章目录 源码下载地址简介系统设计思路1 数据库设计2 系统整体设计2.1 系统设计思想2.2系统流程图 系统详细设计1系统功能模块2. 管理员功能模块3学生功能模块 源码下载地址 源码下载地址 源码下载地址https://download.csdn.net/download/JasonXu94/87870946 简介 本次设计…

开源游戏区块链项目分享:Unity开发的独立区块链

Arouse Blockchain [Unity独立区块链] ❗️千万别被误导,上图内容虽然都在项目中可寻,但与目前区块链的业务代码关联不大,仅供宣传作用(总得放些图看着好看)。之所以有以上内容是项目有个目标功能是希望每个用户在区块链上都有一个独一无二的…

Unity3D:Scene 视图摄像机

推荐:将 NSDT场景编辑器 加入你的3D工具链 3D工具集: NSDT简石数字孪生 Scene 视图摄像机 摄像机设置菜单包含用于配置 Scene 视图摄像机的选项。这些调整不会影响带有摄像机组件的游戏对象上的设置。 要访问摄像机设置菜单,请单击 Scene 视…