windows系统安装VUE 踩地雷合集(使用webpack-simple)
首先是下载一个node.js安装包。目前就下最新的吧。(下载最新版本可能要降版本),然后安装cnpm的淘宝镜像。安装之前建议参阅npm的安装机制。
本文档参考自:Jinkey原创Vue2.0 新手完全填坑攻略,gh254172840的博客
npm install -g cnpm --registry=https://registry.npm.taobao.org
如果你是最新版本会报错:
npm WARN deprecated socks@1.1.10: If using 2.x branch, please upgrade to at least 2.1.6 to avoid a serious bug with socket data flow and an import issue introduced in 2.1.0
解决办法:降低版本:
npm install npm@4.6.1 -g
然后安装webpack和脚手架(一步步来):
cnpm install webpack -g
cnpm install vue-cli -g
在硬盘上找一个文件夹放工程用的,在终端中进入该目录
cd 目录路径 或者 cd /d 目录路径
根据模板创建项目
vue init webpack-simple 工程名字<工程名字不能用中文>
或者创建 vue1.0 的项目
vue init webpack-simple#1.0 工程名字<工程名字不能用中文>
会有一些初始化的设置,如下输入:
Target directory exists. Continue? (Y/n)
直接回车默认(然后会下载 vue2.0模板,这里可能需要连代理)
Project name (vue-test)
直接回车默认
Project description (A Vue.js project)
直接回车默认
Author
写你自己的名字
cd 命令进入创建的工程目录再安装项目依赖
这次是在项目里面安装而不是全局安装npm、cnpm路由模块以及网络模块,一步步来:
npm install
cnpm install
cnpm install vue-router vue-resource --save
装npm的时候可能会报错
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules\chokidar\node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.0.15: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
这只是一个警告,因为该模块与Windows不兼容。你可以放心地忽略它。这是可选的。
如果是这样不断的ERR:
如果debug.log报错This is probably not a problem with npm. There is likely additional logging那就是版本更新问题,运行 npm i -D webpack-dev-server@2.9.7就解决了
如果是其它情况,可能是node_modules安装问题,执行以下(参考文档):
rd /s /q node_modules
rd /s /q package-lock.json
npm cache clear --force
npm install
没有报错,那么可喜可贺进行下一步。如果你用的是老版本的 vue-cli 还可能报其他错误,需要更新一下 vue-cli:
npm update vue-cli
最后启动项目
npm run dev
然后安装其它依赖。
cnpm install opn --save-dev
cnpm install webpack-dev-middleware --save-dev
cnpm install express --save-dev
cnpm install compression --save-dev
cnpm install sockjs --save-dev
cnpm install spdy --save-dev
cnpm install http-proxy-middleware --save-dev
cnpm install serve-index --save-dev
cnpm install connect-history-api-fallback --save-dev
其中webpack-dev-middleware会报错:
peerDependencies WARNING webpack-dev-middleware@* requires a peer of webpack@^4.0.0 but webpack@3.11.0 was installed
我暂时无视掉了。
然后也可以安装axios
cnpm install axios --save-dev
开发APP建议安装
cnpm install fastclick -D
cnpm install mint-ui -S
其中mint-ui文档见官方网站。
其它坑见:runoob.com
转载于:https://www.cnblogs.com/a5211083/p/9023110.html
windows系统安装VUE 踩地雷合集(使用webpack-simple)相关推荐
- [踩坑合集] 双linux系统卸载/安装,nvidia驱动安装,引导项缺失,开机黑屏,nvidia-smi和nvcc -v CUDA版本不匹配
"个人文化属性" 双系统 1. 双linux系统格式化一个linux系统 2. 安装新的20系统(双系统) 3. 重启后直接进入grub界面(修复它) 3.1 寻找你的系统分区 3 ...
- 加入域时出现以下错误 登陆失败 该目标账户名称不正确_微信支付踩坑合集:微信小程序支付失败是什么原因?持续更新...
微信小程序开发的过程一定会遇到各种问题,最让人棘手的就是支付问题,因为没有支付做商城类似的小程序就没有办法完成最关键的一步.那么支付失败到底什么原因呢?一下子收集了几个错误类似,希望对你有帮助: No ...
- vant 半圆仪表盘_超全的 Vue 开源项目合集,签收一下
原标题:超全的 Vue 开源项目合集,签收一下 写在前面 包括一些ui库和比较完整的小项目.ui库会对主要的单选框,多选框,级联选择器,滑块,日期/时间选择器,进度条,分页,弹框,通知,导航菜单,步骤 ...
- python在windows的开发环境_Python合集之Python开发环境在Windows系统里面搭建
在上一个合集里面我们了解到了Python的基础信息及学习了Python对我们有什么用处,那么今天我们来了解一下,Python的开发环境该如何搭建.(注:Python的开发环境可以在Windows.MA ...
- 超实用:Vue 自定义指令合集
大家好,我是漫步 前面我已经分享过一篇"分享8个非常实用的Vue自定义指令"文章,里面教了大家如何使用自定义指令,以及几个使用的指令,下面这篇文章也是类似内容,希望你会喜欢.记得查 ...
- 开箱即用,超实用的 Vue 自定义指令合集
作者:Huup_We juejin.cn/post/6963840401899782175 在 Vue2.0 中,代码复用和抽象的主要形式是组件.然而,有的情况下,你仍然需要对普通 DOM 元素进行底 ...
- 【群晖NAS】真·免费内网穿透方案 及踩坑合集
一.介绍 一篇科普贴,帮助那些刚入门NAS的朋友尽量避免踩坑.因为本人实践了其中几种穿透方案,也积攒了一些经验,跟大家分享一下. 在这里想说一句,现在网上充斥着各种<内网穿透方案对比>,可 ...
- 【windows命令】windows系统常用cmd命令合集(持续更新中ing)
目录 一 背 景 二 基 础 三 cmd命令及快捷操作 3.1 桌面图标设置 3.2 查看电脑系统配置,包括设备型号.CPU.内存.显示器等等 3.3 打开资源监视器 3.4 定时关机及取消 ...
- 超全的 Vue 开源项目合集
原文https://my.oschina.net/u/3018050/blog/2049912 包括一些ui库和比较完整的小项目.ui库会对主要的单选框,多选框,级联选择器,滑块,日期/时间选择器,进 ...
最新文章
- android组件什么时候加载到r文件,Android自定义加载loading view动画组件
- [UML]UML系列——用例图中的各种关系(include、extend)
- 清华大学施路平:发展人工通用智能最好的时机到了!
- 数据结构之C语言模拟整数数组实现
- 安装解压版本的MySQL,安装过程中的常见命令,检查windows系统错误日志的方式来检查MySQL启动错误,关于Fatal error: Can't open and lock privilege
- mysql gtid坑_通过mysqlbinlog --skip-gtids恢复后再备份可能造成的坑
- 项目管理——任务分配闲谈
- centos7 关于php使用pdo扩展连接数据库详细步骤
- Spring Cloud Config Server
- android 数据存储之 Shared Preferences
- 怎样获得正确的LINUX用户的文档音乐视频等目录?
- C语言 简单的在线电子词典
- vb.net mysql 实例教程_VB.NET数据库编程基础教程(转载
- [翻译] (黑苹果)笔记本电脑原生电源管理指南 [Guide] Native Power Management for Laptops
- 在Excel表格中隐藏行或列
- 如何将PDF转换成图片
- supervise进程管理利器
- 精心总结的表格快捷键
- 基于“大中台+小前台”思想的电商系统总体架构设计
- 任正非:宁赔10亿,也要辞退7000员工!华为卸磨杀驴?却获网友点赞!