Vue2搭建基础架构（1）--- 新建项目

说明

这里记录下自己用Vue2搭建项目的过程，方便以后直接使用。

官方文档

Vue2官方文档：https://v2.cn.vuejs.org/v2/guide/installation.html
Vue CLI官方文档：https://cli.vuejs.org/

创建vue2项目

创建该项目时自己使用的npm版本和node版本如下：

这里使用vue cli来进行项目的构建

如果没有安装过vue-cli脚手架，直接使用vue create my-project命令创建项目的话，就会出现如下错误：

如果想查看自己是否有安装过vue-cli脚手架，可以使用vue --version命令，如果没有安装过，则会出现如下错误：

安装vue-cli脚手架，-g表示全局安装：

npm install -g @vue/cli

安装成功后如下：

使用vue --version查看vue cli脚手架版本，发现命令正常执行：

创建vue2项目命令：

vue create my-project

选择完成后，安装成功如下：

因为是在D:\GiteeProject下执行的命令，所以该文件夹下会出现你新建的项目：

vue-demo项目目录结构如下，在创建项目时，它已经帮我们安装好了基本依赖，node_modules就是安装好的依赖文件夹:

查看package.json里面的依赖版本：

启动项目

浏览器页面如下:
出现该页面说明项目初始化成功，vue2使用vue2-cli脚手架搭建成功。