win10 安装vue 详解-包括node.js、npm、webpack

https://nodejs.org/en/download/

https://nodejs.org/en/download/releases/

https://nodejs.org/download/release/v12.18.4/

安装完 node.js 后,打开 管理员指令框 执行

看版本

node -v

npm -v

看npm全局配置路径

npm list -global

修改全局配置路径

 npm config set prefix "E:\plug\nodejs\setup\node_global"

npm config set cache "E:\plug\nodejs\setup\node_cache"

配置 npm 下载路径为淘宝镜像

npm config set registry https://registry.npm.taobao.org

查看 npm 下载路径

npm config get registry

全局安装vue

npm install vue -g

查看vue 信息

npm info vue

全局安装 webpack

npm install webpack -g

然后需要安装 webpack cli

npm install --global webpack-cli

注意了，需要新打开一个指令框才可以执行

webpack -v

否则会报错： 'webpack' 不是内部或外部命令，也不是可运行的程序或批处理文件。


全局安装cnpm ，用着来安装vuecli
npm install -g cnpm
指定版本安装vue
cnpm install -g @vue/cli@4.4.6
然后卸载cnpn
npm uninstall -g cnpm

检查vue版本
vue -V

如果使用cnpm则不执行下面的

----------------------

安装vue-cli2

npm install vue-cli -g

查看版本

vue -v

安装 vue-router

npm install -g vue-router

如果安装了 vue-cli2 想安装 vue-cli3 ，则需要卸载vue-cli2后才可安装，相互切换需要将原来的卸载了

卸载 vue-cli2

npm uninstall vue-cli -g

卸载 vue-cli3

npm uninstall @vue/cli -g

安装vue-cli3

npm install @vue/cli –g

也可以指定版本号 npm install -g @vue/cli@3.12.1 不指定版本号会默认安装最新的版本

用户环境变量配置

path 》》

E:\plug\nodejs\setup\node_global

E:\plug\nodejs\setup\node_cache

E:\plug\nodejs\setup

系统环境变量配置

path 》》

E:\plug\nodejs\setup\

E:\plug\nodejs\setup\node_global\

NODE_PATH 》》

E:\plug\nodejs\setup\node_global\node_modules

全局删除

npm uninstall -g webpack

npm uninstall -g webpack-cli

本地删除

npm un webpack

npm uninstall webpack-cli