前端 环境部署 配置

nodejs npm vue安装 配置

参考文章：npm和cnpm（windows）安装步骤
参考文章：nodejs安装与环境变量配置

Node npm cnpm vue作用关系
Node.js：一款基于V8引擎的JavaScript编程运行时，它可以使JavaScript代码运行于服务器端，能够实现服务器端的JavaScript编程。cnpm、npm、Vue等则是与Node.js相关的一些工具和框架。
npm (node package manager)：Node.js的官方软件包管理器，用于node插件管理（包括安装、卸载、管理依赖等）；npm提供了在线的Javascript库，可以方便的搜索、安装第三方模块。
cnpm (npm的淘宝镜像)：由于npm安装插件时速度慢，因此淘宝团队为了解决这个问题而搭建了npm的淘宝镜像——cnpm。通过使用该镜像，可以大大缩短npm的安装和更新等操作的时间。
cnpm安装：npm install -g cnpm --registry=https://registry.npm.taobao.org
yran：yarn是facebook发布的一款取代npm的包管理工具。Yarn 缓存了每个下载过的包，所以再次使用时无需重复下载。 同时利用并行下载以最大化资源利用率，因此安装速度更快。在执行代码之前，Yarn 会通过算法校验每个安装包的完整性。
yarn安装：npm install -g yarn
Vue.js：Vue.js是一个创建Web界面的JavaScript框架。主要用于构建用户界面，使用MVVM模式，提供了简单易用的数据驱动视图，并支持组件化开发，使得开发者可以更加快速、高效地开发Web和移动应用程序。
综上所述，Node.js提供了JavaScript在服务器端运行的环境，而npm和cnpm提供了方便的软件包管理和安装环境，而Vue.js则是基于JavaScript语言的一个前端框架，它们三者共同为开发Web应用程序提供了强大的支持和便捷的开发流程。
参考文章：vue node npm 关系
参考文章：node.js、npm、webpack、vue-cli之间的关系

nodejs 安装配置
以往的nodej传送门:以往的版本nodejs
本人安装node为：node-v14.17.1-x64.msi
环境变量配置


你安装了node js，默认会安装npm
npm cnpm安装配置
参考文章：npm和cnpm（windows）安装步骤
参考文章：Node.cpm以及cnpm的详细安装教程(包含出错解决)

# 获取代理配置
node config get https-proxy
#进行永久设置代理
npm config set registry http://registry.npm.taobao.org
# 安装cnpm
npm install -g cnpm -registry=https://registry.npm.taobao.org
# 卸载cnpm
npm uninstall -g cnpm

报错：npm install安装时一直卡在idealTree:isp-bms: sill idealTree buildDeps问题解决方案
参考文章：npm install安装时一直卡在idealTree:isp-bms: sill idealTree buildDeps问题解决方案

# 查看当前镜像地址
npm config get registry
# 更换镜像地址
npm config set registry https://registry.npm.taobao.org

报错：cnpm npm ERR! Error: EPERM: operation not permitted, rename
internal/modules/cjs/loader.js:985 throw err； ^ Error: Cannot find module ‘node:util
参考文章：vue项目git clone后，npm i报错
参考文章：Error: Cannot find module ‘node-sass‘ Require stack:

原因：npm和cnpm的版本不匹配，需要匹配版本(记得先删除之前的)

npm uninstall cnpm # 卸载cnpm
# 查看当前npm版本
npm -v  # 示例：6.13.4
# 全局安装cnpm指定版本
npm install -g cnpm@6.0.0 --registry=https://registry.npm.taobao.org
# 查看cnpm的版本
cnpm -v

vue vue-cli安装配置

Vue 与 Vue CLI关系 作用
Vue：一款流行的JavaScript框架，主要用于构建用户界面，它采用了组件化的开发模式和基于数据驱动的UI组件封装技术，使得开发者可以更加快速、高效地开发Web和移动应用程序。
Vue CLI（Command Line Interface）：一款提供了Vue.js的脚手架工具，用于快速搭建Vue项目开发环境、创建Vue工程模板、生成Vue组件、打包发布等操作。提供了命令行界面来实现对Vue项目的快速构建、打包和开发等功能，加快Vue项目的开发和构建，并增加项目的可维护性和可扩展性，受到了众多Vue开发者的欢迎和使用。
参考文章：vue-cli介绍

npm install -g @vue/cli  # 安装Vue CLI
vue --version # 查看版本 如果能够显示 Vue CLI 的版本号，说明安装成功了。
vue init webpack my-project # 创建项目

报错：Not Found - GET https://registry.npmmirror.com/@vue%2fli
参考文章：【Vue】项目环境配置报错：Not Found - GET https://registry.npmmirror.com/@vue%2fli

# 查看npm 代理
config get proxy
# 设置代理
npm config set registry https://registry.npm.taobao.org

报错：D:\software\python\prj\test1>vue init webpack my-project
Command vue init requires a global addon to be installed.
Please run npm i -g @vue/cli-init and try again.
参考文章：Command vue init requires a global addon to be installed. Please run npm i -g @vue/cli-init and

npm i -g @vue/cli-init