VUE-CLI 第25页

vue-cli项目上线到阿里云并配置Nginx服务器

我使用的是阿里云服务器CentOS7.364位操作系统。一、使用Xshell连接云服务器1.百度下载一个Xshell和Xftp并安装。2.双击打开Xshell，并新建一个连接。（主机就是阿里云上创建的实例的公网ip）3.配置好主机后点击连接，输入登录名和密码，登录名就是购买服务器时输入的登录名和密码。4.点击确定后即可成功连接到云服务器，连接成功如下图：image.png二、vue项目打包上线1.

mwj610·2023-08-29 04:51

AST 与前端工程化实战

AST是一个非常基础但是同时非常重要的知识点，我们熟知的TypeScript、babel、webpack、vue-cli得都是依赖AST进行开发的。

小哪吒·2023-08-29 04:43

Vue-cli——映射函数、自定义插件、自定义指令

好看的网页千篇一律，有趣的代码万里挑一。今天继续分享一些基础知识点，关键字：映射函数、自定义插件、自定义指令、$nextTick()1.导入映射函数//从vuex中，导入映射函数import{mapState,mapGetters,mapMutations,mapActions}from'vuex'2.使用映射函数生成计算属性computed:{//如果vuex里面state的数据名称跟页面中的计

云瑶糖糖·2023-08-29 01:34

利用gitlab-ci和gitlab-pages免费自动构建部署vue项目。

我之前用vue-cli创建了一个项目，用于展示自己的简历。之前有接触过gitlab-ci，今天突然想到gitlab也有pages服务。如果把他们结合起来，那么我就可以节省一笔服务器费用。

七分小熊猫·2023-08-29 01:18

vue-cli脚手架項目引入elmentUI

如何引入element-ui第一步在項目所在目錄安裝elementUInpminstallelement-ui或者cnpminstallelement-ui安裝成功后，在項目的package.json會有image.png説明安裝成功!!!!!!!!第二步在項目目錄下安装loader模块cnpminstallstyle-loadercnpminstallcss-loadercnpminstallu

Rt_1f24·2023-08-28 19:01

14 Vue-cli初步

1.先安装node.js（默认路径）image2.启动命令行，输入命令node-v，可以看到node.js的版本号，如图image3.安装vue-cli使用npm（需要安装node环境）全局安装webpack

孙嘉炜·2023-08-28 18:03

vue基本命令

npm–v检测是否成功符合现在要求的版本二、安装webpacknpminstallwebpack-g三、安装vue-clinpminstall–gvue-cli安装完成后用vue–V来检测是否安装成功四、使用vue-cli

再学不会要转行了·2023-08-28 09:50

【uni-app】Vuex介绍和使用

介绍无论你是使用HX还是使用vue-cli创建的uniapp项目,都已内置Vuex,无需再进行安装uni-app也像小程序一样有globalData，这是一种简单的全局变量机制globalData是简单的全局变量

两年半练习程序员·2023-08-27 20:44

3. 恢复默认vue目录(helloworld of vue + electron)

恢复默认vue目录恢复vue-cli默认生成的目录结构接上一篇:2.helloworld添加常用插件(helloworldofvue+electron)1.恢复原因在初始搭建项目时，将vue-cli生成的目录结构做了更改

OneTrader·2023-08-27 08:19

简单的Vue脚手架案例

实现效果image实现步骤通过vue-cli脚手架工具，初始化项目，命名为test_project；在components目录下创建Header.vue组件、List.vue组件、Recommend.vue

skydot·2023-08-27 06:39

详解如何在vue项目中使用layui框架及采坑

根据官网的文档，要在一个html文件下使用layui里面的组件库其实很简单，但是在vue项目中使用该ui库却存在着很多坑，下面我们就详细讲解一下如何在vue-cli搭建的项目下使用layui1.第一个坑

yico铛铛·2023-08-27 03:38

命令创建vue项目

环境要求：安装有Node.js、vue、vue-cli。

剑圣_盖小聂·2023-08-26 23:22

webpack打包最强优化

一、配置proxy跨域使用vue-cli发开项目，在本地开发环境中，如果遇到跨域的问题。

xingyunwei1·2023-08-26 20:48

第二十章 webpack5项目搭建Vue-Cli（配置优化）

step1–实现对Element-plus的按需加载1、安装依赖npmielement-plus//自动导入需要的依赖npminstall-Dunplugin-vue-componentsunplugin-auto-import2、webpack配置//webpack.config.jsconstAutoImport=require('unplugin-auto-import/webpack')c

天界程序员·2023-08-26 20:47

webpack5 react 和 vue 脚手架

介绍我们将使用前面所学的知识来从零开始搭建React-Cli和Vue-cli。

mildness丶·2023-08-26 20:47

vue.config.js基本配置

每次新启一个vue-cli搭建的项目时，为了避免从零开始配置vue.config.js，总结如下的基本配置：//vue.config.jsconstpath=require("path");//开启gzip

Ying（英子）·2023-08-26 20:16

【自用笔记】MacOS安装vue并编写简单代码及问题解决方法（持续更新）

的下载:Node.js官网检测是否安装成功：npm-v开始安装安装cnpmsudonpminstall-gcnpm--registry=https://registry.npm.taobao.org安装vue-cli

Bonacci_·2023-08-26 19:42

553、Vue 3 学习笔记 -【创建Vue 3.0工程（一）】 2023.06.30

目录一、Vue3介绍1.Vue3官方文档2.Vue3带来了什么1.1性能的提升1.2源码的升级1.3拥抱TypeScript1.4新的特性二、创建Vue3.0工程1.使用vue-cli创建2.使用vite

youyouwuxin1234·2023-08-26 14:47

vue ui启动问题

set-ExecutionPolicyRemoteSigned，然后输入Y常见问题2：TypeError:Cannotreadpropertiesofundefined(reading‘on’)解决方案：https://github.com/vuejs/vue-cli

Code-Horse·2023-08-26 13:23

vue-cli项目中引入第三方插件

前言最近有小伙伴问道如何在vue-cli项目中引入第三方插件或者库，例如如果想在项目中使用jQuery中的Ajax请求数据呢？或者我想使用Bootstrap框架呢？

一只流浪的小码农·2023-08-26 09:00

一棵大芍药·2023-08-26 04:00

vue学习之热更新、单文件开发、插槽、作用域插槽

vue-cli全局安装：-g，全局安装vue-clinpminstall-g@vuecli创建项目vuecreatemy-app生成的文件结构：node-modules:存放依赖src：源代码文件夹src-components

合格的程序员·2023-08-25 21:35

基于vue-cli的vue.config.js常用配置

1.webpack分包webpack4中的optimization.splitChunks进行代码分割,把需要单独抽离的文件单独打包配置:chainWebpack:config=>{ config.optimization.splitChunks({ chunks: "all" cacheGroups: { Vendor: { Name:

mofle·2023-08-25 16:12

【vue-router】关于在vue2使用vue-router的hash模式与history模式对引入图片资源的影响以及解决方案

项目场景：环境：vue2+vue-router3，使用vue-cli脚手架进行项目的搭建，路由采用history路由图片资源的引入路由的配置{path:'*',name:'Index',component

叫我菜菜就好·2023-08-25 11:49

Vite 项目初始化配置

：vite：中文链接英文链接npminit@vitejs/app选择vue模板创建项目一、环境变量设置（dev,prod）新建.env.development.env.production放在根目录和vue-cli

菜鸟工程师2号·2023-08-24 19:29

vite打包优化vite-plugin-compression的使用

vue-cli中使用compression-webpack-

石小石Orz·2023-08-24 16:01

使用vue-cli脚手架创建vue项目

0.vuecli安装vuecli2安装npminstall-gvue-clivuecli2卸载npmuninstall-gvue-clivuecli3安装npminstall-g@vue/clikey通过命令查看当前安装的vuecli的版本vue--version1.vueinitvueinit是vue-cli2.x的初始化方式，可以使用github上面的一些模板来初始化项目webpack是官方推

拐锅·2023-08-24 16:19

Vue3 尚硅谷-张天禹

一.使用vue-cli创建工程Vue3简介github上的tags地址:https://github.com/vuejs/vue-next/releases/tag/v3.0.01源码的升级使用Proxy

ACBYCL·2023-08-24 13:29

vue-cli小知识

2.在vue-cli中使用sass1.安装对应的模块npminstallnode

卧龙Tristan·2023-08-24 06:26

使用Yeoman搭建Vue脚手架

脚手架工具脚手架工具作用：创建项目基础结构、提供项目规范和约定等，像一些成熟的脚手架工具：vue-cli、create-react-app、anaular-cli等Yeoman简介Yeoman是一个通用的脚手架工具

翔子丶·2023-08-24 03:23

vue-cli+webpack 搭建vue3.0项目

vue-cli要升级到4.5npminstall-g@vue/cli#或者yarnglobaladd@vue/cli查看安装之后的vue-cli版本vue--version@vue/cli4.5.8进入目标目录

MyLee·2023-08-23 17:31

基于 vue-cli 2 实现，vue 多模块、vue多项目集成工程

Github项目地址:https://github.com/BothEyes1993/vue-multi-module目标：多模块集成的vue项目，多项目共用一份配置，可以互相依赖，也可以独立打包部署使用业务场景1.如果项目可能有对应多个不同UI界面;对于这样的场景你可能首先会想到，用样式主题就可以实现，基本的样式或者换肤是可以通过样式实现。但如果要实现更复杂的，比如不同两套UI的界面可能功能显示

Marting424·2023-08-23 10:48

Git钩子

vue的脚手架工具(vue-cli)默认会给我们配置好了很多功能，比如eslint。也提供了git钩子支持（vue-cli搭建的项目默认做了这样的事情，在你提交代码时，会走eslint的语法检测）。

secondWorld·2023-08-23 06:44

实现textarea字数监控

在vue-cli脚手架里面需要做一个实时监控textarea字数的功能，并且不能超过500，用的ui是elementui限制字数就直接用elementui原生的属性maxlength监控字数在textarea

神话降临·2023-08-23 06:35

Vue.js--组件通信

vue组件之间的通信包括三种：1.父组件向子组件通信2.子组件向父组件通信3.同级组件之间的通信首先，看一下vue-cli工程的部分目录：App.vue是父组件，ZiZuJianOne.vue和ZiZuJianTwo.vue

DannyCloud·2023-08-23 05:45

尚品汇项目（Day1）

项目结构介绍vue-cli脚手架初始化项目node+webpack+淘宝镜像node_modules文件夹：项目依赖文件夹public文件夹：一般放置静态资源（图片），需要注意：放在public文件夹中的静态资源

振华首席娱记·2023-08-23 05:36

使用npm创建vue项目后，run dev命令报错

正在vue入门阶段，想在电脑上尝试下使用npm创建vue项目按照教程一步步配置nodejs,webpack,vue,vue-cli之后，使用命令创建项目创建项目的命令vueinitwebpackpro-name

fanjunguo·2023-08-22 21:47

「Vue｜网页开发｜前端开发」01 快速入门：用vue-cli快速写一个Vue的HelloWorld项目

本文主要介绍如何用vue开发的标准化工具vue-cli快速搭建一个符合实际业务项目结构的helloworld网页项目并理解vue的代码文件结构以及页面渲染流程。

明仔的阳光午后·2023-08-22 21:23

如何运行一个Vue项目

安装vue-cli脚手架构建

shumeigang·2023-08-22 15:04

如何新建一个最最简单小巧的vue项目

后来，vue-cli出现，让我们创建项目简单了很多，只需一条命令，选择一些配置，便自动生成一个功能齐全的项目。

898310778·2023-08-22 13:58

Vue（前端框架）

3.Vue安装1.用引入（为vue-cli搭建项目，在下篇文章)1.下载：https://cdn.jsdeli

小谭同学ha·2023-08-22 12:57

VUE----cli3搭建项目，并cdn引入vuex，vue-router，elementui

首先，VueCLI的包名称由vue-cli改成了@vue/cli。如果你已经全局安装了旧版本的v

华子_tm·2023-08-22 12:37

vue3中Vant的使用

Vant组件库1.通过npm安装#Vue3项目，安装最新版Vantnpmivant#Vue2项目，安装Vant2npmivant@latest-v2二.引入组件（推荐）在基于vite、webpack或vue-cli

小杨不香菜·2023-08-22 08:27

快速解决 vue 项目 build 打包之后出现源代码的问题

其实这样是为了方便前端程序员在正式环境调试用的，默认是开启的，在vue的学习官网没有过多的介绍，因为使用的是vue-cli进行打包，所以在vue-cli文档中有介绍，具体查看http

Roc.Chang·2023-08-22 05:58

vue-cli 3.0集成vux

vux是一个很优秀的移动端组件库，用过vue的都知道，我们想要使用某个组件库时，直接在package.json中加入库名，然后npminstall将组件库下载下来，然后在要用的时候直接import相应组件就行了。如果你在vue-cli2.0的项目中使用过vux就会知道只需要在package.json里加上“vux”就行版本号前面的“^”的作用就是会在npminstall的时候自动下载最新版本，去掉

Daisy想养猫·2023-08-21 23:32

Vue3+ElementPlus+TS

使用技术Vue3.0全家桶(Vue-Cli、Vue-Router、Vuex、Axios、Webpack)ElementPlusTypeScriptEcharts代码规范配置husky、commitizen

ianutt·2023-08-21 21:17

如何基于vue-cli发布一个npm包

流程：使用vue-cli生成一个项目(这里用的2.X)项目根目录下创建一个文件夹(paskages)放置编写代码创建packages/components/Button/src/button.vueexportdefault

眼睛微微笑·2023-08-21 12:55

Axios跨域请求处理

://localhost:8889/api/login’fromorigin‘http://localhost:8080……’”的错误实际上就是前后端分离的情况下，发生了跨域的问题跨域定义：解决方案：vue-cli

风吟Pro·2023-08-21 10:49

Vue-CLI学习笔记

简介VueCLI是一个基于Vue.js进行快速开发的完整系统，提供：通过@vue/cli搭建交互式的项目脚手架。通过@vue/cli+@vue/cli-service-global快速开始零配置原型开发。一个运行时依赖(@vue/cli-service)，该依赖：可升级；基于webpack构建，并带有合理的默认配置；可以通过项目内的配置文件进行配置；可以通过插件进行扩展。一个丰富的官方插件集合，集

tfjy1997·2023-08-21 03:09

vue+Element-Plus+springboot整合mybatis-plus后台管理系统的学习笔记

通过vite快速创建了一个vue项目，vite相比于vue-cli创建的项目更简洁，而且创建项目的速度远远快于vue-cli，然后项目启动的速度也非常快，我写的简易的后台管理系统启动前端页面的时候能明显感觉出来差异了

雨落613·2023-08-21 03:37

推荐频道

VUE-CLI