小白vue脚手架项目安装搭建

1. 下载安装node.js
   https://nodejs.org/en/
2. 验证是否安装成功

npm -v
// 会获取npm包管理器的版本号
node -v
// 会获取node.js 当前版本号

3. 下载vue-cli项目脚手架

npm install -g @vue/cli
# OR
yarn global add @vue/cli

// 如果下载太慢，可以更改npm源地址为淘宝源地址

//更改源地址地址 
npm config set registry http://registry.npm.taobao.org/
// 查看当前npm源地址
npm config get registry

// 注意 ：恢复npm源地址
npm config set registry https://registry.npmjs.org/

4. 查看vue-cli项目脚手架 当前版本

vue --version

5. 升级vue-cli项目脚手架

npm update -g @vue/cli
# 或者
yarn global upgrade --latest @vue/cli

6. 使用vue-cli脚手架创建项目

vue create 项目名称
#OR
vue ui

7. 项目执行

// 先cd 到当前项目目录
npn run serve