node 安装 ,淘宝镜像配置,webpack 安装

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

node  安装

1. 下载

下载 | Node.js 中文网

node镜像地址查看,webpack,前端,node.js

 2.选择和安装

根据自己的操作系统选择下载安装,安装只需要下一步,下一步就可以了;(注意电脑使用习惯,尽量别安装到C盘,选择一个自己的盘符安装各种软件和环境)

3.安装完毕,查看版本和切换淘宝镜像

   (1)  按 win+r   = 输入cmd  =出现命令行界面  =输入 node -v   =出现 v14.0.0  (这里是你安装的版本)   这里的操作证明你node 安装成功了

(2)查看自己安使用的镜像地址并切换淘宝镜像  npm config get registry

         https://registry.npmjs.org/  这是国外镜像地址,有时候会比较慢,所以要切换为“淘宝”镜像

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

输入=npm config get registry   查看切换成功了没有;

node镜像地址查看,webpack,前端,node.js

(4)全局安装 webpack  

在DOS命令窗口中输入npm install webpack@3.6.0 -g 安装webpack,其中的-g代表webpack的全局安装方式,那么我们可以在电脑上任意一个终端上面执行webpack指令,稍等一下,别去关闭窗口,之后出现让你可以输入的命令行说明你就安装完成了,

验证是否安装成功: webpack -version  如下图

node镜像地址查看,webpack,前端,node.js
 

(5)局部安装webpack

     上面是全局安装webpack,你可能会想既然已经全局安装了webpack,那为什么还要局部安装呢,这是因为我们需要的项目可能是从网上下载下来的,项目中使用的webpack和我们本地的webpack可能版本不同,这就需要在局部安装webpack了,不过在此之前需要先生成package.json文件,这需要使用npm init命令,当然在此之前你肯定已经做好了全部的准备,我这里用到的工具是webstrom,在webstrom中的Terminal终端中输入npm install webpack@3.6.0 --save-dev就可以了,其中--save-dev的作用就是在开发时依赖,在项目打包后不会在继续使用的

(6) 使用vue 命令创进行脚手架

node镜像地址查看,webpack,前端,node.js

 解决办法: (1)查看node 安装目录 是否有“vue  ” 相关命令 如果没有安装执行下面命令

npm install -g vue

node镜像地址查看,webpack,前端,node.js

然后输入

// 卸载
npm uninstall vue-cli -g
// 安装
npm install -g @vue/cli
// 或者 
cnpm install -g @vue/cli
// 或者
yarn global add @vue/cli

 安装完成后,通过如下任意指令查看vue的版本:

vue --version / vue –V

创建项目 (vue  create app )

vue  create app 

出现下面的情况

Vue CLI v5.0.8
? Please pick a preset: (Use arrow keys)  
> Default ([Vue 3] babel, eslint)
  Default ([Vue 2] babel, eslint)
  Manually select features

此处按上下方向键选择=敲回车健

 

(7)webpack命令补充
1.全局安装最新版本命令
npm install webpack -g 
2.全局安装指定版本
npm install webpack@3.6.0 -g 
3.全局安装webapck-cli
npm install webpack-cli -g
4.局部安装webpack
npm install webpack@3.6.0 --save-dev
5.删除全局和局部webpack-cli
npm uninstall -g webpack-cli
npm uninstall webpack-cli
 6.删除全局webpack
npm uninstall -g webpack
7.删除本地webpack
npm un webpack
8.查看webpack版本
webpack -v
三、解决webpack打包错误问题
1.webpack3.X版本打包命令
webpack .\src\main.js .\dist\bundle.js
2.webpack4.X版本打包命令
webpack .\src\main.js -o .\dist\bundle.js文章来源地址https://www.toymoban.com/news/detail-650953.html

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

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

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

相关文章

  • 【Git】Git国内官网下载地址、淘宝镜像下载地址以及卸载安装

    Git官网下载地址 打开官网Git (git-scm.com),进行相对应的操作系统下载即可; 官网下载速度: 大约需要二十多分钟; 2.国内 镜像- –淘宝 Git下载 国内镜像 地址 CNPM Binaries Mirror (npmmirror.com)Git国内镜像【https://npm.taobao.org/mirrors/git-for-windows/】 十分迅速 卸载 我们进行反安装就行

    2024年02月12日
    浏览(41)
  • npm常用命令 + 前端常用的包管理工具 以及 npm淘宝镜像配置等

    下载地址 官网: https://nodejs.org/en. 中文网站: https://nodejs.org/zh-cn. 安装之后,使用 node -v 命令查看安装的版本,如下: 关于windows上的安装可以参考下面的文章: vue2入门——菜鸟级1篇. 前端常用的包管理工具有:npm、cnpm、yarn,更多请继续…… 前端常用的包管理工具有:n

    2024年02月11日
    浏览(37)
  • 淘宝npm镜像源换新地址,npm设置最新淘宝镜像

     然后再执行以下操作查看是否成功 查看当前镜像地址 或者 2.使用cnpm 可以使用定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的  npm :  

    2024年02月11日
    浏览(37)
  • 淘宝npm镜像源换新地址

    简介:用CNPM/淘宝源的开发者们请注意,淘宝NPM 镜像站喊你切换新域名啦。 新的Web 站点:https://npmmirror.com,Registry Endpoint:https://registry.npmmirror.com。 随着新的域名已经正式启用,老 http://npm.taobao.org 和 http://registry.npm.taobao.org 域名将于 2022 年 05 月 31 日零时起停止服务。(望

    2024年02月12日
    浏览(52)
  • Node.js下载安装及配置镜像源

    https://nodejs.org/dist 选择对应你系统的Node.js版本 这里我选择的是Windows系统、64位   显示版本说明安装成功 执行命令,配置 nodejs 镜像源: 输出若为淘宝镜像源,则设置成功。

    2024年02月19日
    浏览(34)
  • Node.js安装及npm国内镜像配置

    node.js中文网站下载,以16.17为例!!!! 1.网站链接 CNPM Binaries Mirror (npmmirror.com) 根据自己的版本选择,我是64位选择了zip版 2.下载完成后解压 我选择的目录是(E:Environmentsnode-v16.17.0-win-x64) 3.新建node_cache和node_global文件夹 用于后续npm包以及缓存配置 4.新建系统变量 变量名固

    2024年02月04日
    浏览(55)
  • 【工具分享】配置淘宝镜像

    淘宝镜像地址: https://registry.npmmirror.com/ 使用 npm 全局安装 nrm 包管理器 使用 nrm ls 查看镜像源 使用 nrm use taobao 切换镜像源 使用 npm config get registry 查看当前镜像源 nrm 其他命令 添加源, 表示源名称, 表示源地址。 删除源 测试源的响应时间 若要修改 yarn 镜像源配置,可以通

    2024年01月23日
    浏览(40)
  • yarn配置淘宝镜像

    1.查询当前配置的镜像 2.设置成淘宝镜像 3.换成原来的 1.查询当前配置的镜像 2.设置成淘宝镜像 3.换成原来的

    2024年02月12日
    浏览(26)
  • npm如何安装淘宝镜像

    通过命令配置 这种方法是通过修改npm的全局配置文件,将默认的镜像源改为淘宝镜像。具体步骤如下: 打开终端,输入以下命令,设置淘宝镜像源:(window+r) npm config set registry https://registry.npm.taobao.org 2. 输入以下命令,查看是否设置成功: 如果返回 https://registry.npm.taobao

    2024年02月11日
    浏览(42)
  • 安装淘宝镜像cnpm

    设置淘宝镜像源 设置官方镜像源 查看镜像使用状态 安装cnpm 安装过程中安装失败 解决方案: 查看cnvm 注册模块镜像

    2024年02月22日
    浏览(37)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包