第五篇：Vue项目的初始化

标签：component   desktop   javascrip   dex   com   script   outer   img   view   

Vue项目的初始化流程：

1、先创建项目

# cmd
 
cd Desktop  # 前往目标路径
vue create v-proj  # 创建项目名为v-proj

2、配置根组件

<!--App.vue-->
 
<template>
    <div id="app">
        <router-view />
    </div>
</template>

3、进行路由的配置

// router/index.js
 
const routes = [
    {
        path: '/',
        name: 'Home',
        component: Home
    }
];

4、组件配置：views和components文件夹

• 先删除Home.vue和About.vue组件
• 初始化Home.vue，创建新的Home.vue组件

<template>
    <div class="home">
    </div>
</template>

5、分类管理资源：assets文件夹

建立img、css、js子文件夹，删除原来的资源

6、如果要修改页面标签图标

替换public文件夹下的favicon.ico图片文件

第五篇：Vue项目的初始化

标签：component   desktop   javascrip   dex   com   script   outer   img   view   

原文地址：https://www.cnblogs.com/cnhyk/p/12324747.html