1.创建项目 vue create 项目名2.进入项目cd 项目名3.启动项目 yarn serve主要文件及含义node_modules下都是下载的第三方包public/index.html – 浏览器运行的网页src/main.js – webpack打包的入口文件src/App.vue – vue项目入口页面package.json – 依赖包列表文件@vue/cli
转载
2023-12-01 11:35:52
799阅读
1. 静态资源路径不对，在开发模式下正常，打包到服务器上的时候，发现静态资源全部请求不到 原因：开发模式下，本地静态服务器直接从项目目录直接起的，跟static是同目录，写绝对路径没问题，直接localhost:8080/static/***什么的都没问题，npm run build出来的问题件是index.html和static同级，但是你部署服务器的时候，很有可能不是在服务器的根目录，这
转载
2024-07-25 17:35:10
38阅读
开启vue项目不关闭的后果问题描述：
新手使用idea或webstorm工具开发vue，使用Terminal命令行npm run dev 运行项目，无法输入命令关闭比项目
解决方案：
打开Terminal窗口按键盘【Ctrl】+【C】，提示是否关闭，键盘输入 【y】退出 VUE项目常用的命令安装vue-clinpl install vue-cli -gvue init webpac
转载
2023-06-05 14:58:34
623阅读
因为要做毕业设计 ，准备用vue来做前端的界面。发现不知如何运行vue的项目，很尴尬。通过查阅网上教程，因此把环境搭建过程记录下来，以备不时之需。 言归正传~~ 首先，列出来我们需要的东西： node.js环境（npm包管理器）vue-cli 脚手架构建工具cnpm npm的淘宝镜像 安装node.js从node.js官网下载并安装n
转载
2024-08-03 15:58:29
72阅读
#PROXY-START/api location /api { expires 12h; if ($request_uri ~* "(php|jsp|cgi|asp|aspx)") { expires 0; } ...
原创
2023-01-11 17:57:34
105阅读
Vue-cli是vue官方出品的快速构建单页应用的脚手架，如果你是初次尝试Vue，不建议使用，推荐你使用普通引入javascript文件的方式进行学习，如果你已经有vue基础那么就可以用vue-cli这个脚手架进行学习。下面开始对vue-cli生成的项目结构进行一下简单的解读，这个解读只是本人在项目中应用vue-cli的一些个人见解和总结，只针对一些刚入门vue的人，本人是菜鸟，如有不对请大神不吝
vue项目的开发 我们已经通过命令行创建了一个vue项目，并且打开了这个项目。下面是这个文件的src文件夹，这个文件夹放了整个项目的核心代码。一、vue文件的用处简介。 1.assets文件夹，用来存放图片，文件等资源。直接这样就可以访问到 src="./assets/logo.png"，最好的访问方式 src="@/assets/logo.png" ， @可以自己设置指向的文件夹， 2.comp
转载
2021-05-10 17:39:38
473阅读
2评论
# Vue 项目的部署
作为一名经验丰富的开发者，Vue 项目的部署是我们经常需要做的事情之一。本文将指导刚入行的小白如何实现 Vue 项目的部署，让他能够顺利将自己的项目发布到线上环境。
## 流程概述
在部署 Vue 项目之前，我们需要明确整个流程。以下是一个简要的部署流程，可以通过表格展示以便小白更容易理解：
| 步骤 | 描述 |
|------|-
原创
2024-04-30 12:02:27
101阅读
vue项目的优化
原创
2022-10-01 20:25:48
297阅读
点赞
好的，我们将使用 yarn 和 Vite 创建一个 Vue 3 项目，项目名为 MyApp。以下是完整步骤：✅ 使用 Yarn 创建 Vue3 项目：MyApp第一步：创建项目yarn create vite MyApp然后终端会提示你选择项目类型，按如下选项选择：Framework：选择 VueVariant：选择 JavaScript 或 TypeScript（推荐 TypeScript）第二
在我之前的文章中，我向你展示了如何使用8 个命令调试 Kubernetes 集群。现在我们需要看看，当你的工作负载没有像你预期的那样工作时会发生什么。如果你遇到可怕的 CrashLoopBack 或其他故障，这并不重要。本文的命令将帮助你缩小工作负载问题的范围，以便你可以修复它们。大多数命令将使用 kubectl 命令或通过krew安装的或插件。如果你不想使用插件，通常也可以从 kubectl获取
# Vue yarn 停止项目
## 简介
在使用Vue进行项目开发时，我们通常会使用Yarn作为包管理工具。有时候，我们需要停止当前正在运行的项目，本文将介绍如何使用Yarn停止Vue项目，并提供一些代码示例。
## Yarn
Yarn是一个快速、可靠的包管理工具，用于下载、安装和管理JavaScript包。它是由Facebook创建的，旨在解决npm（Node Package Mana
原创
2023-09-12 18:08:39
429阅读
一、安装Node环境具体请参考：http://www.dinganan.cn/nodej安装和配置/二、搭建vue项目环境 1、全局安装vue-cli npm install --global vue-cli 2、进入你的项目目录，创建一个基于 webpack 模板的新项目: vue init webpack 项目名 说明： Vue build ==> 打包方式
转载
2024-02-18 07:58:52
157阅读
# 一、官网地址
# PostgreSQL的官方地址：https://www.postgresql.org
# PostgreSQL的国内社区：http://www.postgres.cn/v2/home
# 编译后的程序下载地址：
# https://www.postgresql.org/download/
# 编译源代码下载地址
# https://www.postgresql.org/ftp
本文为博主原创，转载请注明出处： 1. 以tomcat 为例，编写启动脚本
原创
2023-02-21 11:02:00
99阅读
在 Vue 开发中，常用的脚手架工具是 Vue CLI 和 Vite，以下是使用它们创建 Vue 项目的指令：
使用 Vue CLI 创建项目（传统方式）
首先需要全局安装 Vue CLI（如果尚未安装）：
bash
npm install -g @vue/cli
或使用 yarn
yarn global add @vue/cli
然后创建项目：
bash
vue create 项目名称
执行
1..vue文件.vue文件，称为单文件组件，是Vue.js自定义的一种文件格式，一个.vue文件就是一个单独的组件，在文件内封装了组件相关的代码：html、css、js
.vue文件由三部分组成：<template>、<style>、<script>
<template>
html
</template>
vue 项目的开发流程1.$ node -v (检测node版本，node版本需要在 V4 以上)2.全
转载
2022-02-21 11:45:38
153阅读
1.$ node -v (检测node版本，node版本需要在 V4 以上) 2.全局安装vue $ npm install -g vue 3.安装脚手架 $ npm install -g vue-cli 4.运行 vue 命令，看是否已安装完毕 $ vue / $ vue list (查看可安装的
转载
2017-03-04 10:48:00
267阅读
2评论
什么是VueVue 是一套用于构建用户界面的渐进式框架。 与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合，另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用提供驱动。Vue的技术栈包括：◼Node.js ◼ Webpack ◼ Vue.js ◼ Vue-CLI ◼ Vue
转载
2024-07-06 10:06:20
722阅读
