欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

vue项目实战解析

程序员文章站 2024-01-22 19:56:40
 vue项目实战 一、创建项目 1、使用vue-cli创建项目 使用npm全局安装vue-cli(前提是你已经安装了nodejs,否则你连npm都用不了),在cmd中输入一下命令:...

    vue项目实战

    一、创建项目

    1、使用vue-cli创建项目

    使用npm全局安装vue-cli(前提是你已经安装了nodejs,否则你连npm都用不了),在cmd中输入一下命令:

     p npm install --global vue-clipp

     ii.创建一个基于webpack模板的新项目($ vue init webpack 项目名称)

     iii.进入项目目录($ cd 项目名称)

     iv.安装依赖($ npm install)

     v.运行项目($ npm run dev)

    2、将element-ui中的添加到项目中

    p p i.将element-ui安装到项目中

    npm i element-ui -s

    p p ii.在main.js文件中添加如下语句即可运行p

    import vue from ‘vue’;p
    import elementui from ‘element-ui’;p
    import ‘element-ui/lib/theme-chalk/index.css’;p
    import app from ‘./app’;p
    vue.use(elementui);

    在路由配置中加上mode:history,可以去掉“#”