前端学习笔记：入门Vue，项目搭建，脚手架搭建

为什么需要搭建脚手架？

vue脚手架可以帮助你快速开始一个vue项目，其实其本质就是给你一套文件结构，包含基础的依赖库，你只需要npm install一下就可以安装。让你不需要为编译或其他琐碎的事情而浪费时间，这并不会限制到你的发挥。

第一步node.js

1. node.js官网下载，官网地址为：http://nodejs.cn/download/
   Windows系统一般下载 Windows 安装包 (.msi)，下载直接安装
2. 配置node.js环境变量，新建系统环境变量，命名NODE_PATH添加安装路径
3. 在VSCode中新建终端输入 node -v 回车如果出现版本号这说明安装成功

第二步cnpm

1. 新建终端，输入

npm install -g cnpm --registry=https://registry.npmmirror.com

回车，这条命令安装cnpm，也即是淘宝镜像

2. 安装成功后，退出VSCode，以管理员的身份运行power shell，
   

输入

set-ExecutionPolicy RemoteSigned

回车再输入大写字母 A

3. 回到VSCode，新建终端输入 cnpm -v 出现版本号说明安装成功
   

第三步安装vue-cli脚手架

1. 新建终端输入

cnpm install -g @vue/cli

2. 安装完成后输入 vue -V 这里必须是大写V，出现版本号安装成功