首页 > 其他分享 >vue新项目启动步骤

vue新项目启动步骤

时间:2024-02-06 15:12:04浏览次数:32  
标签:npm node vue run 启动 步骤 install nvmw 安装

项目启动前

npm install --registry https://registry.npm.taobao.org 

启动项目

npm run serve

项目build

npm run build~
# 打包时请指定生产环境信息
# 生产环境可选项请参考package.json中的script脚本

Lints and fixes files

npm run lint

自定义配置

See Configuration Reference.

错误处理

Cannot find module ...

图片
node版本不正确,建议安装12.19.0版本。

npm install -g nvmw
  • 安装node12.19.0
nvmw install v12.19.0
  • 查看所有node
nvmw ls
  • 选择安装的node
nvmw switch v12.19.0

如果安装的时候提示修改文件夹失败,手动进入安装路径修改文件夹路径为v+版本号,安装路径:C:\Users\用户名\nvmw\nodejs

  1. 修改启动配置中node版本
    图片
    图片

标签:npm,node,vue,run,启动,步骤,install,nvmw,安装
From: https://www.cnblogs.com/lzlbk-321/p/18009777

相关文章

  • Animate.css + Vue2
    Animate.css+Vue2包:https://www.npmjs.com/package/vue2-animate安装:npminstall--savevue2-animate导入:import'vue2-animate/dist/vue2-animate.min.css';使用1:<transitionname="fadeLeft"><pv-if="isShow">he......
  • 问题:使用微倾式水准仪的操作步骤是()、()、()、()。
    问题:使用微倾式水准仪的操作步骤是()、()、()、()。参考答案如图所示......
  • 创建Vue应用
    更新记录```2024年2月6日发布。2023年11月1日迁移。```创建Vue应用方式1:直接引入根据官方文档引入js文件即可。方式2:Vue脚手架安装npminstall-g@vue/cli创建项目vuecreateprojectName//或者npmcreatevite@latest//使用vite启动项目npmrunserve......
  • vue3 动态加载el-icon图标
    https://element-plus.org/zh-CN/component/icon.html静态示例<el-icon><Menu/></el-icon>动态示例Menu为图标名称,可替换,注意是字符串<el-icon><component:is="Menu"/></el-icon>在菜单列表中使用,渲染出每个菜单不同的图标<el-menu:default-act......
  • vue 导出多页pdf, window.print()实现
    如果你对分页打印没思路,而网上的现成方案又不适合,不妨进来看看,也许会对你有帮助.由于工作环境是局域网,对于插件的安装有限制,所以排除了jspdf+html2canvas的实现方式;采用window.print(),就会涉及到表格的截断、文本的截断等问题,而且需求要求每一页的pdf都有固定的页眉页尾,这里好......
  • vue2中el-tree组件实现双击树的节点来修改节点名称
    目标在没双击之前,树的节点是文本样式。在双击之后,节点位置变成输入框形式,原节点的名称显示在输入框中,可以进行修改。修改完毕之后,当输入框失去焦点的时候,输入框消失,又变成原本的文本样式,并且显示的是修改后的节点名称。添加一个树<template><div><el-tree......
  • vue2 bpmn添加属性栏
    安装"bpmn-js-properties-panel":"^1.6.1"引入样式库import{ BpmnPropertiesPanelModule, BpmnPropertiesProviderModule,}from"bpmn-js-properties-panel";import"bpmn-js-properties-panel/dist/assets/properties-panel.css"......
  • SpringBoot的maven插件生成可以直接启动的jar
    简单使用<build><plugins><plugin><groupId>org.springframework.boot</groupId><artifactId>spring-boot-maven-plugin</artifactId><configuration&g......
  • 零基础入门Vue之影分身之术——列表渲染&渲染原理浅析
    听我说从条件渲染那一篇,我学习到了如何用Vue对dom节点根据条件显示但单单有条件还不够啊,有时候数据是一大坨一大坨的数据,如果Vue不提供咱要么使用“v-html”要么就没办法实现v-html又感觉太low了,Vue提供了另外的指令更好的实现,那便是:列表渲染列表渲染:v-for简单的列表渲染......
  • 什么是Vue样式穿透以及常用的实现方法
    在Web前端开发中,样式穿透是一个重要的主题,它可以帮助我们更好地定制化组件样式,提升用户体验。本文将为您介绍Vue中样式穿透的概念,以及几种常用的实现方法,希望对您的前端开发工作有所帮助。什么是样式穿透?样式穿透是一种在Vue组件中使用父组件的样式来渲染子组件的技术。在Vue中,子组......