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

文章目录

• • 一、环境准备
  • 二、创建项目
  • 三、接下来就准备你愉快的开发工作吧！

一、环境准备

1. 安装Node.js
   下载地址：http://nodejs/download/
2. 安装Node.js淘宝镜像加速器cnpm

npm install cnpm -g

3. 检查Node.js版本
   

4. 安装脚手架@vue/cli
   
   关于@vue/cli可以看官网指南，如下：
   https://cli.vuejs/zh/guide/

5. 查看@vue/cli版本
   

二、创建项目

1. 通过cd命令切换路径，使用vue命令创建项目，yeb即为项目文件名
   

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

3. 黄色字体部分选择图中所示，即可进行项目初始化
   

4. 启动项目
   
   图中有本地访问地址和IP访问地址，局域网可以选择IP地址进行访问

5. 项目启动完成之后，预览如下
   

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

祝你前程似锦~
永无bug~