创建一个 vue2.0 的项目(从0到1)的过程

1、首先:下载前端编码工具(如:VSCode)

在这里插入图片描述

2、其次:下载 nodenpm 环境和管理:

// 此时就说明成功安装 node 环境npm 管理工具

在这里插入图片描述
3、然后:创建全局的 vue (如:[email protected]) 和 vue-cli 脚手架;

// 此时就表明成功安装了 vuevue-cli 脚手架;

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

4、然后在想创建项目的地址处输入 cmd :
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

5、打开项目地址后,输入:vue create + '项目名称' 来创建新项目;

在这里插入图片描述

6、根据需求,选择用 Vue3Vue2 来创建项目类型:

在这里插入图片描述

在这里插入图片描述

7、切换目录并找到项目,并输入命令:npm run serve 来启动该项目

在这里插入图片描述
在这里插入图片描述

8、访问该项目地址,看到这样一个页面,就说明已经成功创建出了一个基于 Vue2 的前端项目;

在这里插入图片描述

9、成功创建 Vue2 项目后的项目的文件详情;

在这里插入图片描述

10、当然,也可以用 VSCode(前端编程工具) 成功打开该项目;

在这里插入图片描述

11、小结:

其一、哪里有不对或不合适的地方,还请大佬们多多指点和交流!
其二、有兴趣的话,可以多多关注这个专栏(Vue(Vue2+Vue3)面试必备专栏):https://blog.csdn.net/weixin_43405300/category_11525646.html?spm=1001.2014.3001.5482

猜你喜欢

转载自blog.csdn.net/weixin_43405300/article/details/131089403