win7中安装node14和vue

这篇具有很好参考价值的文章主要介绍了win7中安装node14和vue。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

下载并安装低版本node 13

到官网去找早期历史版本的 nodejs 13 msi格式即可,并一键安装,我安装在了 D:\Program Files\nodejs 目录下
https://nodejs.org/download/release/v13.14.0/
win7中安装node14和vue,vue,vue.js,node.js

下载高版本node 14

下载高版本的node zip包
https://nodejs.org/download/release/v14.15.0/

win7中安装node14和vue,vue,vue.js,node.js

解压上述下载好的新版本 nodejs 的 zip 文件,到安装目录 D:\Program Files\nodejs ,将所有同名文件覆盖;

环境变量配置

(1)参考 node安装
添加系统变量:我的电脑右击-进入属性->高级系统设置->环境变量->系统变量中添加NODE_SKIP_PLATFORM_CHECK , 值:1;

命令行使用 node -v 指令和npm -v ,检查当前 node 版本是否更新成功;

(2)设置全局模块存放路径和缓存文件夹:

npm config set prefix "D:\Program Files\nodejs\node_global"
npm config set cache "D:\Program Files\nodejs\node_cache"

更换淘宝镜像:

npm config set registry=https://registry.npm.taobao.org

查看以上配置是否成功

npm config list

win7中安装node14和vue,vue,vue.js,node.js
(3)在安装过程中,自动配置了两个环境变量,一个是环境变量—用户变量—Path里面的C:\Users\你的用户名\AppData\Roaming\npm,另一个是环境变量—系统变量—Path里面的软件安装目录,我们需要增加和修改一下。
环境变量—用户变量—选中Path—点编辑
C:\Users\你的用户名\AppData\Roaming\npm 修改为 你的安装目录\node_global

win7中安装node14和vue,vue,vue.js,node.js
环境变量—系统变量—新建
变量名:NODE_PATH
变量值:你的安装目录\node_global\node_modules
在系统变量—Path添加上%NODE_PATH%
win7中安装node14和vue,vue,vue.js,node.js
win7中安装node14和vue,vue,vue.js,node.js

安装vue

vue-cli创建vue项目详细步骤
安装命令:
npm i -g vue ;
npm i -g @vue/cli
vue -V 查看vue是否安装成功

1 初始化:
vue create 项目名称

2 进入详细选择, 默认vue2版本和默认vue3版本都是有Eslint和Babel的,Eslint是代码规范的,Babel是将ES6转化为ES5的,或者选择自主配置–最后一种;

  • Babel:es6 转 es5
  • Router:路由
  • Vuex:数据容器,存储共享数据
  • CSS Pre-processors:CSS 预处理器,后面会提示你选择 less、sass、stylus 等
  • Linter / Formatter:代码格式校验

选择vue版本

是否选择history路由模式

选择css预处理器,一般选择Less

Babel、ESLint 等工具会有一些额外的配置文件,这里的意思是问你将这些工具相关的配置文件写到哪里:

  • In dedicated config files:分别保存到单独的配置文件
  • In package.json:保存到 package.json 文件中
  • 这里建议选择第 1 个,保存到单独的配置文件,这样方便我们做自定义配置。

是否将刚才的选择保存起来,下次可以直接用,一般选择N,可以根据自己需要选择

开始创建,创建完成后可以根据打开文件文章来源地址https://www.toymoban.com/news/detail-741453.html

到了这里,关于win7中安装node14和vue的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • win7安装高版本的node解决办法

    Win7 支持的 NodeJs 最高版本为 13.14.0,下载是去历史版本中寻找。 下载地址::以往的版本 | Node.js 安装: next 安装完成,修改了安装目录:D:Program Filesnodejs; 1.测试nodejs 是否安装成功 ----在cmd中输入node -v   成功会输出node.js 的版本 2.测试npm是否自动安装  ----在cmd中输入

    2024年02月06日
    浏览(70)
  • Node,docker 中安装node.js

    首先启动docker服务:systemctl start docker 启动完成之后拉取node最新镜像:docker pull node 然后开始等待,最后拉取完成会有相应的输出信息。 我们再通过命令确认下node是否拉取成功:docker images 到这里,node最新镜像已被成功拉取下来。 接下来我们就要运行镜像:docker run -i -t node /

    2024年02月13日
    浏览(51)
  • 在Linux中安装和配置Node.js与Express.js创建HTTP服务器

    在Linux环境中,安装和配置Node.js与Express.js来创建一个HTTP服务器需要一系列的步骤。下面是一个详细的指南,帮助你在Linux上设置这个环境。 步骤1:安装Node.js 首先,你需要确保你的Linux系统已经安装了Node.js。你可以通过以下命令来检查是否已经安装: bash 复制代码 node -v 如

    2024年01月16日
    浏览(69)
  • Win安装Node.js Npm

    1、在使用之前,先类掌握3个东西,明白它们是用来干什么的: npm: nodejs 下的包管理器。 webpack: 它主要用途是通过CommonJS 的语法把所有浏览器端需要发布的静态资源作相应的准备,比如资源的合并和打包。 vue-cli: 用户生成Vue工程模板。(帮你快速开始一个vue的项目,也就是

    2024年02月08日
    浏览(106)
  • window系统 node.js安装 (node-v14安装配置、node-v16及其他版本安装配置)

    前言: 此文章选择 node.js 14的版本安装(大家也可选16稳定版本安装(作者不选是因为node_sass版本与自己项目不匹配)) 官网地址:https://nodejs.org/zh-cn/download/ 备注:根据自己电脑系统及位数选择,我这里选择windows64位.msi格式安装包 .msi和.zip格式区别: 1、.msi是Windows install

    2024年02月04日
    浏览(52)
  • win10 node.js卸载、安装、配置详解

    第一步:打开系统自带的卸载功能,找到node js 进行卸载 删除C:UsersAdministratorAppDataRoaming(有些系统路径为:C:UsersadminAppDataRoaming)文件下的npm、npm-cache或者如果是zip下载的安装包,直接删掉解压文件即可。 删掉系统变量内有关node的,如果是msi安装是会自动删掉环境变量

    2024年02月16日
    浏览(62)
  • node.js安装及配置教程(win11)

    官网下载:点击下载 根据自己电脑的位数选择对应的版本即可 网盘下载:点击下载 下载完成后,双击运行程序,点击next 勾选接受协议,点击next 选择自己的安装路径,然后点击next 默认选项即可,直接点击next 不勾选自动安装工具,直接next 点击install开始安装 等待安装完成

    2024年02月10日
    浏览(41)
  • 项目依赖安装node-sass@^4.14.1 run “node scripts/install.js“报错问题解决

    很久没运行的项目突然依赖下载报错,让我很头疼,之前都是运行正常的,于是就是开找解决办法。 依赖下载遇到的报错!!! scripts.install node-sass@^4.14.1 run “node scripts/install.js”: 大概意思就是这个地址已经不能下载了,需要你下载到本地并且做一个代理: 第一步: nod

    2024年02月20日
    浏览(69)
  • 在Chrome(谷歌浏览器)中安装Vue.js devtools开发者工具及解决Vue.js not detected报错

    提示:先安装谷歌助手的原因是:不安装谷歌助手无法打开谷歌应用商店,导致无法下载Vue.js devtools开发者工具。

    2024年02月15日
    浏览(66)
  • 【技术指南】升级你的pnpm到最新版本,享受Node.js v16.14带来的强大功能!

    引言: 在现代软件开发中,包管理工具是必不可少的。而pnpm作为一款功能强大的包管理工具,为我们提供了高效、便捷的开发体验。然而,随着Node.js的不断更新,pnpm也需要进行相应的升级以适应新的版本。本文将详细介绍如何将你的pnpm升级到最新版本,并享受Node.js v16.1

    2024年02月04日
    浏览(71)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包