搭建Vue-Cli环境,并快速建立一个项目(webpack)

1. 安装nodejs

2. 检测nodejs和npm是否安装成功

node -v
npm -v
如果出现版本号就代表安装成功

3. 安装cnpm淘宝镜像站

npm install cnpm -g

在这里插入图片描述

4. 安装Vue-CLi

cnpm install vue-cli -g

在这里插入图片描述

5. 快速构建项目

1. 初始化(进入到准备将项目放到的目录)

在这里插入图片描述

2. 进入项目目录(下载依赖包)

在这里插入图片描述
异常情况:按照提示修复即可
在这里插入图片描述

3. 运行项目

在这里插入图片描述
访问:http://localhost:8080
在这里插入图片描述

6. 安装webpack

npm install webpack -g
npm install webpack-cli

检验安装成功:

webpack -v
webpack-cli -v

在这里插入图片描述

详情:狂神说java

posted @ 2022-11-11 20:47  小匠i  阅读(40)  评论(0)    收藏  举报