win7中安装node14和vue

下载并安装低版本node 13

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

下载高版本node 14

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

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

环境变量配置

(1)参考 node安装

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

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

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

bash 复制代码
npm config set prefix "D:\Program Files\nodejs\node_global"
npm config set cache "D:\Program Files\nodejs\node_cache"

更换淘宝镜像:

bash 复制代码
npm config set registry=https://registry.npm.taobao.org

查看以上配置是否成功

bash 复制代码
npm config list

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

环境变量---用户变量---选中Path---点编辑

C:\Users\你的用户名\AppData\Roaming\npm 修改为 你的安装目录\node_global

环境变量---系统变量---新建

变量名:NODE_PATH

变量值:你的安装目录\node_global\node_modules

在系统变量---Path添加上%NODE_PATH%

安装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,可以根据自己需要选择

开始创建,创建完成后可以根据打开文件

相关推荐
WYiQIU28 分钟前
高级Web前端开发工程师2025年面试题总结及参考答案【含刷题资源库】
前端·vue.js·面试·职场和发展·前端框架·reactjs·飞书
夏之小星星28 分钟前
Springboot结合Vue实现分页功能
vue.js·spring boot·后端
韩立学长35 分钟前
【开题答辩实录分享】以《自动售货机刷脸支付系统的设计与实现》为例进行答辩实录分享
vue.js·spring boot·后端
静西子41 分钟前
Vue标签页切换时的异步更新问题
前端·javascript·vue.js
时间的情敌42 分钟前
Vue 3.0 源码导读
前端·javascript·vue.js
天天向上10244 小时前
vue 网站导航栏
前端·javascript·vue.js
云外天ノ☼4 小时前
一、Node.js入门实战指南:从零搭建你的第一个后端
前端·javascript·笔记·node.js
JIngJaneIL7 小时前
财务管理|基于SprinBoot+vue的个人财务管理系统(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·毕设·财务管理系统
qq_338032928 小时前
VUE的生命周期钩子,vue2和vue3的生命周期钩子的核心差异
前端·javascript·vue.js
Dontla8 小时前
npm install命令介绍
前端·npm·node.js