vue 项目创建 vue-cli+webpack+element+vue-svg-icon

最新推荐文章于 2025-06-06 01:41:41 发布

square_tiny

最新推荐文章于 2025-06-06 01:41:41 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue webpack

本文链接：https://blog.youkuaiyun.com/weixin_37893728/article/details/81977401

vue 专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍如何使用vue-cli创建新的Vue项目，并通过webpack模板初始化。随后，文章演示了如何安装并配置Vue组件，以及如何引入和使用Vue Router进行页面路由设置。最后，提供了项目的GitHub demo地址供读者参考。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

创建一个新的vue项目:

npm install --global vue-cli
vue init webpack my-project
cd my-project
vue add element
npm install vue-svg-icon --save-dev

配置路由:

import Vue from 'vue'
import Router from 'vue-router'
import bar from '@/components/bar'
import foo from '@/components/foo'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/foo',
      name: 'foo',
      component: foo
    },{
      path: '/bar',
      name: 'bar',
      component: bar
    }
  ]
})