Vue + ElementUi 项目创建步骤

最新推荐文章于 2022-06-01 11:51:09 发布

原创最新推荐文章于 2022-06-01 11:51:09 发布 · 526 阅读

0 ·

CC 4.0 BY-SA版权

随笔同时被 2 个专栏收录

13 篇文章

订阅专栏

工作总结

2 篇文章

订阅专栏

本文介绍了使用Vue - Cli脚手架搭建项目的方法，包括安装命令。还提及安装Element - Ui，完成项目基本架子搭建后，可通过npm命令进行调试和编译发布。此外，说明了配置路由和使用Vuex管理全局变量的操作。

1.简单使用Vue-Cli脚手架来搭建项目

npm install -g @vue/cli

vue create project-name

2.安装Element-Ui

npm i element-ui

3.执行完之后一个项目的基本架子就搭好了

npm run serve 可以执行调试

npm run build 可以编译发布

4.配置路由

npm install vue-router -S

导入组件

const routes = [
  {
    path: '/bpmnManage',
    component: () => import('../src/components/BpmnManage')
  }
]
const router = new VueRouter({
  routes // (缩写) 相当于 routes: routes
})

new Vue({
  router,
  render: h => h(App),
}).$mount('#app')

5.使用Vuex管理全局变量