vue-cli 4.0安装及项目搭建
安装
1.卸载旧版本vue-cli
npm uninstall -g vue-cli
如果卸载有问题,检查C:\Users\用户\.npmrc文件,删除以下代码
cache=C:\Program Files\nodejs\node_cache
prefix=C:\Program Files\nodejs\node_global
2.安装新版本
node版本必须在10.0.0以上才支持
目前已更新到vue 4.0.5
npm install -g @vue/cli
搭建项目
1.切换淘宝镜像cnpm
nrm专门用来管理和快速切换npm源
npm install nrm -g --save 安装nrm
nrm ls 查看默认配置
nrm use cnpm 使用淘宝镜像
2.创建项目
vue create vue-test //vue-test是项目名称
3.自定义配置
选择是否使用路由 history router,其实直白来说就是是否路径带 # 号,建议选择 N,否则服务器还要进行配置
css 的预处理器我选择的是 Sass/SCSS(with dart-sass) 。node-sass是自动编译实时的,dart-sass需要保存后才会生效
选择 ESLint 代码校验规则,提供一个插件化的javascript代码检测工具,ESLint + Prettier 使用较多
然后选择什么时候进行代码校验,Lint on save 保存就检查,Lint and fix on commit fix 或者 commit 的时候检查,建议第一个
下面就是如何存放配置了,In dedicated config files 存放到独立文件中,In package.json 存放到 package.json 中
本着项目结构简单的想法,我选择了第二个
vue-cli 4.0安装及项目搭建相关推荐
- 基于vue cli 3.0创建前端项目并安装cube-ui
前提条件: 安装node.js. 国内的开发者最好先配置淘宝镜像. 之后用cnpm来代替npm命令. 项目创建过程: 打开cmd,输入命令进入目标工作空间,以本机项目为例: cd /d d: cd D ...
- Vue CLI 3 多页应用项目的搭建
在项目初期时,从零开始搭建和配置本地前端开发环境是一项很繁琐的工作,需要考虑到项目目录结构.项目基本配置.Webpack 配置等等.通过 Vue CLI 3 可以快速的生成一个项目,这样我们就可以专注 ...
- Vue脚手架安装及项目搭建(mac版)
前提:电脑上已经安装好了npm vue脚手架全局安装终端命令 $ sudo npm install -g vue-cli 安装完成之后检测 $ vue -V 如果终端输出vue的版本号,那么脚手架就安 ...
- 如何使用@vue/cli 3.0在npm上创建,发布和使用你自己的Vue.js组件库
译者按: 你可能npm人家的包过成千上万次,但你是否有创建,发布和使用过自己的npm包? 原文: How to create, publish and use your own VueJS Compo ...
- Vue CLI 3.0 正式发布,Vue.js 开发标准化工具
Vue CLI 3.0 已发布,该版本经历了重构,旨在: 减少现代前端工具的配置烦扰,尤其是在将多个工具混合在一起使用时: 尽可能在工具链中加入最佳实践,让它成为任意 Vue 应用程序的默认实践. V ...
- Vue CLI 3.0脚手架如何在本地配置mock数据
前后端分离的开发模式已经是目前前端的主流模式,至于为什么会前后端分离的开发我们就不做过多的阐述,既然是前后端分离的模式开发肯定是离不开前端的数据模拟阶段. 我们在开发的过程中,由于后台接口的没有完成或 ...
- vue/cli 3.0 与 2.0脚手架怎样mock数据
vue/cli 3.0 与 2.0脚手架怎样mock数据 3.0 移除了 static 文件目次,新增了 public 目次,这个目次下的静态资本不会经由 webpack 的处置惩罚,会被直接拷贝,所 ...
- Vue CLI 3.0脚手架如何在本地配置mock数据json
前后端分离的开发模式已经是目前前端的主流模式,至于为什么会前后端分离的开发我们就不做过多的阐述,既然是前后端分离的模式开发肯定是离不开前端的数据模拟阶段. 我们在开发的过程中,由于后台接口的没有完成或 ...
- 专访Vue作者尤雨溪:Vue CLI 3.0重构的原因
1.为什么要对 Vue CLI 进行大规模修改? 尤雨溪认为旧版本的 Vue CLI 本质上只是从 GitHub 拉取模版,这种拉模版的方式有几个问题: (1) 在单个模版里面同时支持太多选项会导致模 ...
最新文章
- php 类 单例,PHP里的单例类写法实例
- numpy-自定义ufunc函数和广播
- C# 调用Word(PrintOut) 直接打印,出现“第一节的页边距设于可打印区域之外,是否继续”...
- unity3d 地面印花_unity怎么实现挖掘泥土?
- java 并发模型总类_java并发编程系列-内存模型基础
- java scanner接收数组_java – 使用scanner将文件中的整数读入数组
- 论文笔记之:Deep Attention Recurrent Q-Network
- 阿里云 超级码力在线编程大赛初赛 第4场 题目3. from start to end
- python matlibplot绘制矩阵_matplotlib.pyplot.matshow 矩阵可视化实例
- CTO职场解惑指南系列(二)春节篇
- [转]Stream 和 byte[] 之间的转换
- python车牌识别系统开源代码_python实现车牌识别的示例代码
- WORD必学技巧:使用项目编号
- 最新linux 编程视频教程下载
- EPLAN 2.7 WIN 10 X64安装说明
- python 麦克风人声检测_人声后期混音教程:13条人声处理技巧
- 基于成熟网管平台的网管软件开发模式
- 视频:使用chrome谷歌浏览器下载任意网页上的视频
- c语言程序设计数组说课,C语言程序设计说课PPT课件(超好)
- sar图像matlab,用Matlab制作SAR仿真图像