P1-Vue-supermall项目

1.概述

从本篇文章开始进入Vue项目开发实战，从头开始做一个商城的小项目。

2.CLI3脚手架创建项目

• 首先创建CLI3脚手架作为项目开发的框架支持。
• 创建CLI3脚手架，项目命名 supermall，插件只安装babel即可，后面在开发中用到其他的插件在单独安装。
• CLI3脚手架创建项目参考P12.3-VueCLI3创建项目

3.初始化项目

• 将CLI3脚手架中不需要的HelloWorld组件删除，清除App组件中默认不需要的配置。
• 初始化文件后的内容如下

3.1.清理App组件不需要的内容

<template>
  <div id="app">
    
  </div>
</template>

<script>

export default {
  name: 'App',
  components: {
    
  }
}
</script>

<style>

</style>


  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
  
11
  
12
  
13
  
14
  
15
  
16
  
17
  
18
  
19
  
20
 

3.2.删除HelloWorld.vue组件

3.3.删除assets文件夹下的logo.png

3.4.启动项目验证初始化是否成功

• 启动项目

# 进入到项目根路径
cd \supermall

# 启动项目
npm run serve

  

 

  
1
  
2
  
3
  
4
  
5
 

• 查看效果
  项目启动后，显示一个空白页面为项目启动正确。

文章来源: brucelong.blog.csdn.net，作者：Bruce小鬼，版权归原作者所有，如需转载，请联系作者。

原文链接：brucelong.blog.csdn.net/article/details/112346718