vue-cli 第92页

vue-cli@4中cdn引入外部js

本文章代码所用vue-cli的版本号为：@vue/cli4.1.2有的时候，我们需要在index.html中通过cdn的方式引入一些外部的js脚本等资源，比如百度地图、高德地图和Leaflet等，碰到这种情况我们该如何操作呢

huzhenv5·2020-08-22 12:01

Docker 安装使用nginx + vue-cli

最近公司在开发一台基于vuejs+springCloud+SpringBoot+docker的项目。要使用nginx作为反向代理工具，记录一下搭建的过程。由于要在专网上进行nginx搭建，专网上无法上网，只能在自己本地机器上使用vmware搭建了虚拟机，虚机上安装了centos系统。对网路这块不是很熟悉，所以在虚拟的网络设置上耽误了很多时间这里不做详细说明。docker服务搭建拉取镜像nginx反

星顿·2020-08-22 12:20

vue-cli 输入命令vue ui 没效果解决办法

即使再小的帆也能远航·2020-08-22 12:38

从零搭建一个node脚手架工具（一）

下一篇传送门：从零搭建一个node脚手架工具（二）前言在实际的开发中，我们总会遇到各种各样的脚手架工具，大到从零开始搭建一个工程结构的vue-cli，create-react-app，小到保存代码片的snippets

Jovi·2020-08-22 12:16

解决vue-cli构建后的index.html找不到图标和引用的js、css文件路径错误的问题

1、config/index.js：module.exports={build:{//PathsassetsRoot:path.resolve(__dirname,'../dist'),assetsSubDirectory:'static',assetsPublicPath:'./',}}将上面的assetsPublicPath属性设置为“./”2、build/utils.js：functiong

duansamve·2020-08-22 12:41

vue-cli3.x、vue-cli4.x中，想要在node中使用es6的语法，该如何配置babel

新版vue-cli工具生成的项目，如何配置babel，使之可以在node中使用es6+的语法导读（写在前面）方案一方案二本文行文条件是基于vue-cli3构建的项目，在vue-cli4中依然可用；同时，

Never Yu丶·2020-08-22 12:25

在 vue-cli 项目中出现 http://ip:8080/sockjs-node/info?t=1556418283950 net:: ERR_CONNECTION_REFUSED 报错

全局搜索发现network里一直在调用的这个接口实际并不存在，所以导致一直报错。问题解决//在node_modules/sockjs-client/dist/sockjs.js代码的1605行注释self.xhr.send(payload);//即从根源上关闭此调用完成。

itBellah·2020-08-22 12:05

Vue-cli + webpack搭建vue项目环境

全局安装webpacknpminstallwebpack-g安装全局的vue-cli脚手架npminstall-g@vue/

bailoushi1658·2020-08-22 12:26

【vue-cli】vue_shop电商后台管理项目优化，项目上线

完成项目的开发阶段，进入到发布阶段。1.添加进度条，修改代码，执行build1.添加进度条给项目添加进度条效果，在项目控制台中，打开依赖，安装nprogress，打开main.js文件中，在axios请求拦截器和响应拦截器中添加如下代码(包括了携带token代码)//导入NProgress包对应的css和jsimportNProgressfrom'nprogress'import'nprogres

Whoopsina·2020-08-22 12:19

vue-cli创建项目不能正常运行

创建的vue-cli项目运行npmrundev时报错出现此问题是因为webpack-dev-server启动时要指定ip，不能直接通过localhost启动，有多种解决解决方法http://www.cnblogs.com

Tutu_IT·2020-08-22 12:13

vue-cli自定义路径、router重定向、JS和CSS导入的差异

vue-router的重定向{path:'/',redirect:'/recommend'},redirect之后放字符串的path即可自定义路径在文件引入的时候使用../../的方法很是麻烦，这里介绍一个使用自定义路径引入文件的方法：在vue.config.vue中定义module.exports={configureWebpack:{resolve:{alias:{'common':'@/co

Stark6·2020-08-22 12:05

使用nginx部署vue-cli项目

使用nginx部署vue-cli项目本文介绍两种部署方法，一种是直接在物理机上部署，另一种是通过docker部署ubuntu16.04使用nginx部署vue-cli1.安装nginxsudoapt-getinstallnginx

SGAFPZ·2020-08-22 12:59

docker 搭建vue-cli开发环境

目标开发机上0环境，全都由容器实现开始1）创建一个项目目录2）编写一个Dockerfile文件（区分大小写），创建一个开发环境镜像DockerfileFROMnode:10.19.0-stretch-slim#systemlocalconfigRUNtrue\#debianchinamirrors&&sed-i's/deb.debian.org/mirrors.ustc.edu.cn/g'/etc

NIJIA72·2020-08-22 12:47

手把手教你写Node.js命令行程序

当你使用vue-cli快速创建一个vue工程的时候，有没有想过如何实现vue-cli这样一个命令行工具呢？

LLLsf·2020-08-22 12:54

使用vue-cli构建 webpack打包工具时，生产环境下，每次build时，删除dist目录，并重新生成，以防dist目录文件越来越多。...

首先，需要使用webpack的插件CleanWebpackPlugin，安装命令如下：npminstall--save-devclean-webpack-plugin其次，需要在生产环境提供的文件：build/webpack.prod.conf.js的plugins节点下添加如下代码：newCleanWebpackPlugin(['dist'],//匹配删除的文件{root：path.resolv

MVC_1235·2020-08-22 12:42

vue-cli 页面实现简单的骨架屏

骨架屏简洁简介:骨架屏的作用主要是在网络请求较慢时，提供基础占位，当数据加载完成，恢复数据展示。这样给用户一种很自然的过渡，不会造成页面长时间白屏或者闪烁等情况。常见的骨架屏实现方案有ssr服务端渲染和prerender两种解决方案插件简介:vue-skeleton-webpack-plugin一个基于Vue的webpack插件，为单页/多页应用生成骨架屏skeleton，减少白屏时间，在页面完全

葬我以时光·2020-08-22 12:31

Vue-cli项目中引入外部/第三方css/js/less文件具体步骤

例子中css文件采用bootstrap.css，js文件采用jQuery，less文件用less.less(自定义文件)；步骤一：安装webpackcnpminstallwebpack-g步骤二：在src/assets下面新建css、js、less、fonts文件夹，并放入对应文件。将bootstrap.css放入css目录下，bootstrap.min.js放入js文件下，fonts字体放入fo

HY_358116732·2020-08-22 12:49

Vue history 资源路径处理问题

缘由使用HashMode开发的一套大系统，完全成型由于各种跳转的问题，nginx的转发会导致#后面的路径丢失想试试HistoryMode环境Vue-Cli早期版本，webpack2.6相关配置基础配置将

GodYakhoo·2020-08-22 12:16

vue ui无效，没有打开可视化页面

而我当前的版本为2.9.6解决方法：先用npmuninstallvue-cli-g删除现在已有的vue（1.x和2.x是写vue-cli）再用npminstall-g@vue/cli重新下载就可以啦

Distance＂·2020-08-22 11:58

程序猿专用十大在线编译器(IDE)整理

1.CodeSandbox(基于React的在线代码沙盒平台)我常用的①主流的脚手架都支持,比如在线create-react-app,vue-cli等(在线fork修改),支持github登录(项目导入

代码牛·2020-08-22 11:34

vue-cli3 项目从搭建优化到docker部署

1.1安装@vue/cli#全局安装vue-cli脚手架npminstall-g@vue/cli复制代码等待安装完成后开始下一步1.2初始化项目vuecreatevue-cli3-project复制代

weixin_33779515·2020-08-22 11:38

关于Vue-cli 组件引入CSS样式文件

在Vue-cli组件.vue文件中引入css样式表出错由于使用Vue-cli后，引入css样式表不需要多余../..

weixin_30832143·2020-08-22 11:06

vue-cli 创建项目时回车没反应？

第一次使用vue-cli创建项目，碰到一个问题：vueinitwebpackvueproject时。回车后没反应。网上也没找到这个问题，请问大神们，有没有知道如何解决的？

qq_20823145·2020-08-22 11:01

正确姿势开发vue后台管理系统

前言相信许多人和我一样刚接触vue时看文档都很枯燥，看完vue，还有vueRouter、vuex、vue-cli、es6(学不动了。。。)

chaoren8728·2020-08-22 11:06

使用vue-cli2创建项目之后，运行npm run dev提示webpack:Cannot find module 'extract-text-webpack-plugin'的问题解决方法

image.png现在vue-cli已经更新到了第3个版本，官网只有很少关于vue-cli2的文档。

ElementABC·2020-08-22 11:28

vue-cli 2 打包前和打包后的css前缀不一致的问题

问题来了基于vue-cli不用自己配置webpack开撸项目是十分爽的，但当我在撸得正爽的时候发现一个问题，就是项目打包前和打

炮哥炮炮·2020-08-22 11:56

vue-cli + webpack3.6.0的 .babelrc 的配置及分析

{"presets":[["env"]],//syntax-dynamic-import主要解决动态引入模块的问题//transform-vue-jsxVue中的渲染函数（render）可以支持JSX语法//transform-runtime为了解决这种全局对象或者全局对象方法编译不足的情况，但是它只会对es6的语法进行转换，而不会对新api进行转换。//如果需要转换新api，也可以通过使用bab

亲爱的阿乾·2020-08-22 11:41

webstrom使用vue-cli时遇到的一些问题

1、当webstrom热更新不灵活时，在“File”>>"Settings">>"Appearance&Behavior">>"systemsettings"中，勾掉synchornization以下的最后一项即可（禁止自动保存）；2、npmrunbuild之后文件引入的路径不对时，可尝试修改config/index.js的assetsPublicPath（'./'或者'/'或者'../'等等）；

weixin_30840253·2020-08-22 10:32

webstorm开发vue项目环境配置

npminstall-gcnpm–registry=https://registry.npm.taobao.org）注：可修改node全局目录（nodejs正确安装及配置及npm命令无反应的解决方案）；2、全局安装vue-cli

weixin_30363509·2020-08-22 10:16

使用 Node.js 开发简单的脚手架工具

前言像我们熟悉的vue-cli，react-native-cli等脚手架，只需要输入简单的命令vueinitwebpackproject，即可快速帮我们生成一个初始项目。

linshuai·2020-08-22 10:58

VUE-CLI webpack配置autoprefixer后build模式与dev不相同，打包后部分前缀或属性丢失，所见即所得

解决办法：打包OptimizeCSSPlugin配置添加autoprefixer:{remove:false}//文件：build/webpack.prod.conf.jsnewOptimizeCSSPlugin({cssProcessorOptions:config.build.productionSourceMap?{safe:true,map:{inline:false}}:{safe:tr

web525·2020-08-22 10:45

almost最好的Vue + Typescript系列01 环境搭建篇

2018年3月初,vue-cli升级到了新的版本3.x版，跟vue-cli2.x版本项目结构发生了很大的改变，目录结构更简洁更科学。

薯条真的好好吃哦·2020-08-22 10:51

【vue-cli 3.0】 vue.config.js配置 - 路径别名

前段时间更新电脑重装了一下vue-cli，发现了vue-cli已经更新到3.0版。

fmain·2020-08-22 10:07

用shelljs实现前端部署自动化

一、场景在前端开发过程中，你肯定经常使用到以下等命令：npmrunbuildgitadd.gitcommit-m'commit'gitpush本人在用vue-cli写我的个人博客时，将其部署到codingpages

xxxsimons·2020-08-22 10:22

vue+webpack+amaze-vue实现省市区联动选择组件

创建工程创建工程目录vue-city-picker使用vue-cli初始化webpack工程如果没有安装vue-cli的同学请走传送门在vue-city-picker同级目录下执行vueinitwebpackvue-city-picker

前端酱油程序猿·2020-08-22 10:57

初探 amaze-vue（基于vue.js封装的Amaze UI 组件库）

项目地址amaze-vue使用文档document开发结合webpack+vue+amaze-vue进行快速开发使用vue-cli快速构建传送门

前端酱油程序猿·2020-08-22 10:56

在webstorm2019中创建vue项目（安装vue时出新connect ECONNREFUSED ）

registry.npm.taobao.orgnpmconfigsetregistryhttps://registry.npm.taobao.org三、安装webpackcnpminstallwebpack-g四、安装vue-cli

小白啥时候能进阶成功·2020-08-22 10:38

前端框架Vue（3）——vue-cli 目录结构

1、vue-cli项目结构图2、目录分析目录/文件说明bulid项目构建的一些js文件config配置文件项，index.js比较重要，打包上线需要修改配置dist项目打包后的文件node_modulesnpm

AllenChinese·2020-08-22 10:04

清除vue-cli空格报错

vue实战开发005:解决Vue-cli

迷路的鲸鱼丶·2020-08-22 10:07

把vue-cli build的结果放到服务器上

前文，本地和服务器之间传送文件，安装nodejs。安装express在指定目录(example)执行npminstallexpress-gnpminstallexpressvue-clibuildnpmrunbuild产生dist文件夹，拷贝至example文件夹下，将dist下的index.html移动到example下.服务端server.js内容如下varexpress=require("e

好多知识不知道·2020-08-22 10:36

贴个链接，关于vue-cli的webpack配置

最近在学习webpack，最主要的目的就是为了看懂Vue-Cli的配置，在学习了webpack的基础之后再看这篇文章，就明白了Vue-Cli的webpack配置了。

GU_0539·2020-08-22 10:43

在 vue-cli 项目中渲染数据到页面时一些数据处理方法的封装

1\封装处理条件为假的数据methods:{judgeNull1(data){if(data==undefined||data==null||data=="null"){return"";}else{returndata;}}}逃费车辆{{judgeNull1(tfcl)}}辆{{tfcl?tfcl:""}}辆2\数据值较大时使用千位分隔符，方便用户阅读methods:{formatNumber(

itBellah·2020-08-22 09:48

vue3.0开发搭建

node-v，终端输出版本号，则表示安装成功二、安装git，输入命令行：sudoapt-getinstallgit查看git是否安装成功，输入git--version，安装成功则终端会输出版本号三、安装vue-cli

腻害了啊·2020-08-22 04:07

Vue-cli 项目main.js引入scss报错./src/main.js Module not found: Error: Can't resolve 'css' in 'D:\web\sell'

删除weebpack.bse.conf.js中的配置:scss详细配置可以参考:https://www.cnblogs.com/crazycode2/p/6535105.html

无处安放的前端·2020-08-22 02:10

Can’t resolve ‘vue-router’ in （Vue3搭建项目中遇到的问题）

使用Vue-cli搭建好默认项目后，想要用路由功能，但是报错Can’tresolve‘vue-router’inxxxx(某路径)这是因为缺少包的原因在命令行中运行一下命令重启项目即可解决npminstallvue-router

Dreamy_Lois·2020-08-22 02:13

window环境下npm install node-sass报错

最近准备想用vue-cli初始化一个项目，在npminstall的时候，发现window下npminstallnode-sass一直报错，window命令行中提示我全局安装node-gyp,有些提示好像是本地找不到

qq_14936009·2020-08-22 02:50

解决Vue Cli 3(@vue/cli)运行项目eslint报错no-octal-escape.js:41

npmrunserve...出现了下图报错：（node_moduleseslintlibrulesno-octal-escape.js:41）度到第一篇解决方法《vue-cli工程启动异常问题:no-octal-escape.js

Lyonz·2020-08-22 02:54

vue-cli构建的项目中使用svg图标

参考：https://www.zhangxinxu.com/wordpress/2014/07/introduce-svg-sprite-technology/参考：https://cisy.me/webpack-svg-sprite/1、安装插件：npmi-Ssvg-sprite-loader2、更改build/webpack.base.conf.js配置文件{test:/\.svg$/,loa

hdchangchang·2020-08-22 01:49

webpack 打包Vue项目时，报错vue-loader was used without the corresponding plugin.

以前写的Vue项目都是通过vue-cli脚手架自动生成，webpack默认配置完整的。

haoyanyu_·2020-08-22 01:16

vue创建项目时报错：command failed: npm install --loglevel error --registry=https://registry.npm.taobao.org

使用vue-cli创建项目有以下报错：commandfailed:npminstall--loglevelerror--registry=https://registry.npm.taobao.org-

程鹏;·2020-08-22 01:27

推荐频道

vue-cli