Vue CLI安装

环境准备

下载nodejs

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

配置nodejs环境变量

windows系统

计算机右键属性 => 高级属性 => 环境变量 添加如下配置：
NODE_HOME=nodejs安装目录
PATH=xxxx;%NODE_HOME%

macos系统

使用.pkg文件安装直接配置nodejs环境

验证nodejs环境是否安装成功

node -v

npm介绍

全称：node package manager
nodejs包管理工具，前端主流技术统一管理

配置淘宝镜像

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

配置npm下载依赖位置

npm config set cache “D:\nodereps\npm-cache”
npm config set cache “D:\nodereps\npm-global”

验证nodejs环境配置

npm config ls

安装脚手架

卸载脚手架

npm uninstall -g @vue/cli //卸载3.x版本脚手架
npm uninstall -g vue/cli //卸载2.x版本脚手架

Vue CLI 官方网站

https://cli.vuejs.org/zh/guide/

安装CLI

npm install -g @vue/cli //安装3.x版本脚手架
npm install -g vue/cli //安装2.x版本脚手架

第一个VUE项目

创建vue脚手架项目

vue init webpack 项目名

运行脚手架项目

npm start //运行前端项目