Vue-cli的安装

前言:
Vue是一个优秀的前端框架,众所周知前端底层是javascript,jquery在javascript的基础上进行了一层封装,使得dom操作变得更加便捷,简化。而Vue对javascript的封装比jquery更进一步。而Vue-cli是vue的一款脚手架项目工具。
在安装Vue-cli的前提下,必须先安装node.js,node.js简单理解成可以支撑javascript运行的后台环境。

  1. 进入node.js安装官网:http://nodejs.cn/download/
  2. 选择合适的版本下载:我选择的是windows64位的zip压缩包

Vue-cli的安装
3. 解压到指定的目录:我解压的目录是D:\node-v14.8.0-win-x64
4. 编辑环境变量 (目的是可以在cmd环境下运行node和npm命令)
进入控制面板,系统安全,系统,高级系统设置,环境变量。
Vue-cli的安装
将刚才解压的路径D:\node-v14.8.0-win-x64加在变量值的后面Vue-cli的安装

  1. 进入CMD目录分别输入node -v 和 npm -v 查看环境变量是否添加成功。
    (npm是node package manage, 即是node打包管理工具)
    Vue-cli的安装
  2. 设置npm下载地址为淘宝镜像(目的是加快下载速度,默认的下载地址是国外,非常慢),最后输入npm install -g vue-cli下载Vue-cli.

命令分别为:
npm config set registry http://registry.npm.taobao.org
npm install -g vue-cli
Vue-cli的安装
下载完成,路径D:\node-v14.8.0-win-x64\node_modules\vue-cli。