首页 > 其他分享 >快速创建Vue项目

快速创建Vue项目

时间:2022-12-26 14:58:24浏览次数:33  
标签:npm 安装 Vue 项目 创建 step vue router 快速

  • step 1: 初始化项目
vue init webpack test
  • step 2: 安装vue-router
cd test
npm i [email protected] --legacy-peer-deps

注意:需要进入项目目录;安装router的版本需与项目匹配。

  • step 3: 安装element-ui
npm i element-ui -S
  • step 4: 安装依赖
npm install
  • step 5: 启动测试
npm run dev

打开浏览器,输入网址:localhost:8080,可得到如下页面。
image

标签:npm,安装,Vue,项目,创建,step,vue,router,快速
From: https://www.cnblogs.com/litecdows/p/Vue-fast-first.html

相关文章

  • EF Core如创建sqlite表
    提问EFCore如创建sqlite表回答在项目根目录执行命令dotnettoolinstall--globaldotnet-efdotnetaddpackageMicrosoft.EntityFrameworkCore.Designdotnetefm......
  • [Vue Router warn]: No match found for location with path
    vue-router.mjs:35[VueRouterwarn]:Nomatchfoundforlocationwithpath""[VueRouterwarn]:uncaughterrorduringroutenavigation:原来用route.push报......
  • Blazor Server 从头开始:01 创建项目
    最近手痒,正好阳性在家,就打算把代码再捡起来看看,学习下这些年来都有什么新东西出现。就看到了微软出的.Net7Blazor相关的内容。走了一遍微软官方的教程,发现用处不大,(可能......
  • vue的三种渲染定义方式
    title:vue的三种渲染定义方式description:'vue的三种渲染定义方式:template,render,app.mount()'tags:-vuedate:2022-11-2020:10目录vue的三种渲染定义方......
  • Vue 禁止滚动
    比如我们想做一个校验,会出现一个弹窗,填写校验信息,此时页面禁止滚动可以绑定如下事件change(){//show控制弹窗显隐this.show=!this.showif(this.show......
  • RP 点归入Set And Coupling 约束创建
    想用python脚本创建一个耦合coupling关系,需要定义controlpiont和被控制的surfaces.两者都可以先分别归入到set和surface里,最后用set和surface作为coupling创建时的参数。......
  • 如何快速有效的定位应用抖动问题?| 龙蜥技术
    编者按:在服务器系统运行中,常见的问题包括服务器宕机、系统夯机、应用运行错误、性能抖动等,其中抖动问题是非常典型的容易出现且很难分析解决的问题。本文通过深入理解Linu......
  • 知乎创建专栏
    直达链接:https://www.zhihu.com/column/request关联:知乎如何创建专栏知乎专栏......
  • vue封装通用组件
    使用Vue.component可以用来注册全局组件//main.js...importSchoolfrom"./components/School.vue"Vue.component("test123",School)...//.vue<template>......
  • 【Swagger】SpringBoot快速集成Swagger
    目录:1、依赖2、配置类3、注解引用4、可能遇到的问题5、拓展  1、依赖<!--swagger--><!--https://mvnrepository.com/artifact/io.springfo......