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

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

创建一个 vue2.0 的项目(从0到1)的过程_第1张图片

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

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

创建一个 vue2.0 的项目(从0到1)的过程_第2张图片
3、然后:创建全局的 vue (如:[email protected]) 和 vue-cli 脚手架;

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

在这里插入图片描述
创建一个 vue2.0 的项目(从0到1)的过程_第3张图片
创建一个 vue2.0 的项目(从0到1)的过程_第4张图片

4、然后在想创建项目的地址处输入 cmd :
创建一个 vue2.0 的项目(从0到1)的过程_第5张图片

创建一个 vue2.0 的项目(从0到1)的过程_第6张图片
创建一个 vue2.0 的项目(从0到1)的过程_第7张图片

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

创建一个 vue2.0 的项目(从0到1)的过程_第8张图片

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

创建一个 vue2.0 的项目(从0到1)的过程_第9张图片

创建一个 vue2.0 的项目(从0到1)的过程_第10张图片

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

创建一个 vue2.0 的项目(从0到1)的过程_第11张图片
创建一个 vue2.0 的项目(从0到1)的过程_第12张图片

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

创建一个 vue2.0 的项目(从0到1)的过程_第13张图片

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

创建一个 vue2.0 的项目(从0到1)的过程_第14张图片

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

创建一个 vue2.0 的项目(从0到1)的过程_第15张图片

11、小结:

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

你可能感兴趣的:(前端实战与例子,vue.js,前端,javascript,经验分享,node,版本)