博客

node  安装

1. 下载

下载 | 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   查看切换成功了没有；

（4）全局安装 webpack

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

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

（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 命令创进行脚手架

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

npm install -g vue

然后输入

// 卸载
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