Vue 安装 vue-cli 脚手架 & 创建 vue 项目

安装 node.js

• Windows
  windows vue vue-cli 安装

• macos
  前往 node.js 官网下载 MacOS 版然后无脑下一步。安装完成后验证一下。

node -v # 验证 nodejs 版本
npm -v # 验证 npm 版本

切换 npm 为淘宝源。

// 切换到淘宝镜像
npm config set registry https://registry.npm.taobao.org
// 验证是否切换到了淘宝镜像
npm info underscore

安装 vue-cli

npm install -g @vue/cli
# 注意 macos 系统上必须加上 sudo
sudo npm install -g @vue/cli

通过 vue-cli 创建 vue 项目

#  定位到你想要生成文件目录
cd /xxx/xxx
# 创建文件
vue create my-app

选择 vue 预设模版（确认完成后，可能要加载一段时间。）

可使用 npm run serve 启动项目。

文件目录介绍

image.png

---

扩展内容
github
个人博客