vue之（vue-cli和vite）环境搭建与项目创建

（一）vue-cli脚手架

一 环境准备

node.js的安装

下载地址：https://nodejs.org/zh-cn/
安装完成后使用以下命令查看版本号

node -v

出现版本号则说明安装成功（最新的以官网为准）

cnpm的安装

检查是否安装了cnpm, 用以下命令查看一下你是否安装了cnpm

npm list --depth=0 -global

如果的确没有安装，执行下面命令

npm install -g cnpm --registry=https://registry.npm.taobao.org

二 环境安装

使用这个镜像安装会快很多

cnpm install -g @vue/cli

安装完成以后查看安装的版本（显示版本号说明安装成功）

vue --version

三 创建项目

进入任意一个想要创建项目的文件夹输入

vue create “文件名”

选择对应创建条件，创建成功后cd到项目