Vue全家桶+Node.js全栈开发Xmall商城 - 1.2 初始化项目和项目插件依赖下载

测试项目：

新建一个空文件夹test2

通过命令：vue create xmall

创建项目xmall。项目目录如下：

创建项目步骤： 

 

 

到这里项目创建完成，下面步骤添加element组件。 

 下面添加axios组件。

 下面添加sass预处理组件。

下面是添加图片懒加载组件lazyload。 

 组件添加完成。

通过命令npm run serve启动项目。

 可以看出初始化项目启动成功。

为了后续的项目搭建，下面需要删除一些项目的内容。

 首先删除components文件夹下面的HelloWorld.vue文件。

其次再删除src/router/index.js里面圈出的内容，如上图。

 再删除views文件夹下面的两个组件：AboutView.vue和HomeView.vue。如上图。

 这些删除之后，启动项目就是一个空白的页面，如下图：