一、依赖安装首先考虑到一个vue项目需要用到的库有vue、element-ui、axios，先进行安装npm i vue element-plus axios安装完后会生成package-lock.json、package.json和node_modules，安装的版本如下： 然后要安装webpack及需要用到的loader -D为安装开发依赖，只用于开发环境，安装完后会被写入package.js
转载
2024-04-18 16:39:14
2093阅读
1. yarn create vite 初始化创建项目2. yarn add eslint -D 安装 eslint3. eslint --init 初始化项目1.选择 To check syntax and find problems 检查语法并发现问题 2. 选择 JavaScript modules es6 规范 3. 选择 vue
转载
2024-04-23 15:41:01
404阅读
user nginx;
原创
2021-06-02 19:29:40
587阅读
你当前的 Vue2 项目部署路径是 https://bigdata.xx.com/cctvnp1bd/，你希望将它改为通过根路径访问，即 https://bigdata.xx.com/，可以通过 修改 Nginx 配置和 Vue 项目的 publicPath（或 base） 来实现。一、Nginx 配置修改你需要让 Nginx 把访问根路径 / 的请求，转发到 Vue 项目构建后的目录（如 dis
# Vue 项目中配置 jQuery 的全流程指南
随着 Web 开发的不断变化，Vue已成为一种流行的前端框架。在某些情况下，我们可能会需要使用 jQuery 来实现一些简单的 DOM 操作或者使用旧的第三方插件。本文将带你一步步实现如何在 Vue 项目中配置 jQuery。
## 整体流程概述
下面是配置 jQuery 的步骤流程：
| 步骤编号 | 流程
我们在开发项目的时候会很多环境,比如有开发环境,测试环境,开发环境一般在项目中会有两个env的配置文件：.env.development 是默认开发环境下的配置文件.env.production 是生产环境下的配置文件如果项目中没有配置这两个文件的话,那么项目跑起来(npm run serve)默认就是开发环境,(npm run build跑起来就是生产环境) 使用webpack搭建1.
一、.npmrc .npmrc 文件位于项目的根目录（即 node_modules 和 package.json 的兄弟），作为npm运行时的配置文件。registry为npm包注册源地址，legacy-peer-deps忽略相同modules的引入。# npm包注册源地址
registry=http://registry.npm.tao
server { # 端口号 listen 3309; # IP server_name 192.168.1.3; location / { # 执行目录 root /var/www/vue-app-base/dist/; index index.html; # index index.html i ...
转载
2021-08-13 15:03:00
310阅读
2评论
# Nginx配置Vue项目
## 简介
在部署Vue项目时，为了能够让前端应用在生产环境中正常访问，我们通常会使用Nginx作为反向代理服务器进行配置。本文将详细介绍如何通过Nginx配置Vue项目，让您的Vue应用在生产环境中运行顺利。
## 步骤概览
下表展示了配置Vue项目所需的步骤。
| 步骤 | 操作 |
| ---- | ---- |
| 1. 安装Nginx | 检查并安装N
原创
2024-05-17 12:00:51
988阅读
# 使用Docker部署Vue项目
在开发一个Vue项目后，我们通常会通过部署到服务器上来让用户访问。而Docker技术可以帮助我们更方便地将Vue项目部署到服务器上，实现应用的快速部署和管理。本文将介绍如何配置Dockerfile来部署Vue项目。
## Docker简介
Docker是一个开源的应用容器引擎，可以让开发者打包应用以及所有的依赖包到一个可移植的容器中，并且运行在任何支持Do
原创
2024-03-20 06:05:44
139阅读
文章目录一、Node.js下载和安装二、环境配置1）配置npm的全局模块和cache的存放路径2）配置windows环境变量三、安装淘宝镜像四、安装webpack、webpack-cli和vue-cli五、搭建vue项目init1）使用vue-cli创建项目2）离线下载templates并init（可跳过）六、本地运行七、打包、上线八、调试九、参考链接 环境：Windows 10Node.js版
// https://eslint.org/docs/user-guide/configuring
module.exports = {
root: true,
parserOptions: {
parser: 'babel-eslint'
},
env: {
browser: true,
jquery: true
转载
2024-06-11 18:15:14
53阅读
Vue的环境配置因为在学习之后需要运用所学知识来完成自己的项目，这篇博客就来说说我是如何配置Vue环境的。 1、打开vue的官网：https://cn.vuejs.org/Vue官网 2、打开学习->教程->安装。 3、这里我们选择开发版本，因为开发版本能在你进行开发时提示你的错误信息，比较方便。 4、创建自己的项目文件，我这里命名为Teacher management system。
转载
2024-08-13 11:09:24
34阅读
基于vue2.0生成项目，一段时间都在找如何配置成多个页面的。网上有这样的例子相对也是比较详细的，但是还是有些许不一样的地方的。所以，我还是记录下来，当然我也是参考了网上的资料的。当然先来个vue的项目，打开命令行工具，对边进入一个目录下。vue init webpack my-project注意，node和npm的版本，npm版本最好是3.0+的。其中my-project是自定义的项目名，按照步
转载
2023-09-29 22:22:26
75阅读
在很多时候，对于 vue 项目来说，很多刚入门，或者是受业务妥协的朋友大都是从百度 CV 一套看得过去的架子，如常见的 D2Admin ， vue-element-admin ，进行一个二次迭代的开发，其项目本身非常的优质，而在其 template 中去进行一个更改能够使得项目在一开始有一个很好的基
原创
2022-04-02 18:32:27
113阅读
webstorm启动vue项目配置 使用命令窗口运行1. npm run mock2.npm run dev每次都打开命令窗口比较麻烦，可以在webstorm内进行配置，从webstorm内启动 选中run下面的edit configurations，scripts里面分别选择mock和dev第二步...
原创
2023-10-09 09:20:45
474阅读
在当今的开发环境中，使用 Docker 配置 Vue 项目已经成为了一种裸露有效的开发和部署方式。通过将应用与其环境完全容器化，可以确保应用在不同环境中的一致性与稳定性。本篇文章将详细记录如何进行理想的配置，并提供丰富的工具和基础知识，帮助你成功地在 Docker 中运行 Vue 项目。
## 环境准备
### 软硬件要求
在开始之前，确保你的开发环境符合以下要求：
| 组件
1、hash模式时（#），nginx配置方法
location ~ ^/test/cms-h5/{
rewrite ^/test/cms-h5(.*)$ $1break;
root/opt/nginx/web/cms-h5/dist;
}
2、hisotry模式时，nginx配置方法 location ~ ^/test/cms-h5/{
原创
2023-04-25 12:12:49
348阅读
webpack 本身是只能打包js的 但是webpack拥有一个插件的机制，名为Loader，通过Loader,webpack能够针对某一种特定的资源进行处理。 这里是针对不同的模块进行打包解析 test 参数用来指示当前配置项针对哪些资源，该值应是一个条件值(condition) exclude ...
转载
2021-07-27 15:35:00
142阅读
2评论
