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