通过Vuecli脚手架创建Vue项目小白教程

一、环境准备

  1. 安装Node.js
    下载地址:http://nodejs.cn/download/
  2. 安装Node.js淘宝镜像加速器cnpm
npm install cnpm -g
  1. 检查Node.js版本
    在这里插入图片描述

  2. 安装脚手架@vue/cli
    在这里插入图片描述
    关于@vue/cli可以看官网指南,如下:
    https://cli.vuejs.org/zh/guide/

  3. 查看@vue/cli版本
    在这里插入图片描述

二、创建项目

  1. 通过cd命令切换路径,使用vue命令创建项目,yeb即为项目文件名
    在这里插入图片描述

  2. 项目创建中选择的内容可根据自己的需求进行选择,此处不作介绍!

  3. 黄色字体部分选择图中所示,即可进行项目初始化
    在这里插入图片描述

  4. 启动项目
    在这里插入图片描述
    图中有本地访问地址和IP访问地址,局域网可以选择IP地址进行访问

  5. 项目启动完成之后,预览如下
    在这里插入图片描述

三、接下来就准备你愉快的开发工作吧!

祝你前程似锦~
永无bug~

猜你喜欢

转载自blog.csdn.net/qq_44723773/article/details/113448262