首先是下载一个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)相关推荐

  1. [踩坑合集] 双linux系统卸载/安装,nvidia驱动安装,引导项缺失,开机黑屏,nvidia-smi和nvcc -v CUDA版本不匹配

    "个人文化属性" 双系统 1. 双linux系统格式化一个linux系统 2. 安装新的20系统(双系统) 3. 重启后直接进入grub界面(修复它) 3.1 寻找你的系统分区 3 ...

  2. 加入域时出现以下错误 登陆失败 该目标账户名称不正确_微信支付踩坑合集:微信小程序支付失败是什么原因?持续更新...

    微信小程序开发的过程一定会遇到各种问题,最让人棘手的就是支付问题,因为没有支付做商城类似的小程序就没有办法完成最关键的一步.那么支付失败到底什么原因呢?一下子收集了几个错误类似,希望对你有帮助: No ...

  3. vant 半圆仪表盘_超全的 Vue 开源项目合集,签收一下

    原标题:超全的 Vue 开源项目合集,签收一下 写在前面 包括一些ui库和比较完整的小项目.ui库会对主要的单选框,多选框,级联选择器,滑块,日期/时间选择器,进度条,分页,弹框,通知,导航菜单,步骤 ...

  4. python在windows的开发环境_Python合集之Python开发环境在Windows系统里面搭建

    在上一个合集里面我们了解到了Python的基础信息及学习了Python对我们有什么用处,那么今天我们来了解一下,Python的开发环境该如何搭建.(注:Python的开发环境可以在Windows.MA ...

  5. 超实用:Vue 自定义指令合集

    大家好,我是漫步 前面我已经分享过一篇"分享8个非常实用的Vue自定义指令"文章,里面教了大家如何使用自定义指令,以及几个使用的指令,下面这篇文章也是类似内容,希望你会喜欢.记得查 ...

  6. 开箱即用,超实用的 Vue 自定义指令合集

    作者:Huup_We juejin.cn/post/6963840401899782175 在 Vue2.0 中,代码复用和抽象的主要形式是组件.然而,有的情况下,你仍然需要对普通 DOM 元素进行底 ...

  7. 【群晖NAS】真·免费内网穿透方案 及踩坑合集

    一.介绍 一篇科普贴,帮助那些刚入门NAS的朋友尽量避免踩坑.因为本人实践了其中几种穿透方案,也积攒了一些经验,跟大家分享一下. 在这里想说一句,现在网上充斥着各种<内网穿透方案对比>,可 ...

  8. 【windows命令】windows系统常用cmd命令合集(持续更新中ing)

    目录 一  背  景 二  基  础 三  cmd命令及快捷操作 3.1 桌面图标设置 3.2 查看电脑系统配置,包括设备型号.CPU.内存.显示器等等 3.3 打开资源监视器 3.4 定时关机及取消 ...

  9. 超全的 Vue 开源项目合集

    原文https://my.oschina.net/u/3018050/blog/2049912 包括一些ui库和比较完整的小项目.ui库会对主要的单选框,多选框,级联选择器,滑块,日期/时间选择器,进 ...

最新文章

  1. android组件什么时候加载到r文件,Android自定义加载loading view动画组件
  2. [UML]UML系列——用例图中的各种关系(include、extend)
  3. 清华大学施路平:发展人工通用智能最好的时机到了!
  4. 数据结构之C语言模拟整数数组实现
  5. 安装解压版本的MySQL,安装过程中的常见命令,检查windows系统错误日志的方式来检查MySQL启动错误,关于Fatal error: Can't open and lock privilege
  6. mysql gtid坑_通过mysqlbinlog --skip-gtids恢复后再备份可能造成的坑
  7. 项目管理——任务分配闲谈
  8. centos7 关于php使用pdo扩展连接数据库详细步骤
  9. Spring Cloud Config Server
  10. android 数据存储之 Shared Preferences
  11. 怎样获得正确的LINUX用户的文档音乐视频等目录?
  12. C语言 简单的在线电子词典
  13. vb.net mysql 实例教程_VB.NET数据库编程基础教程(转载
  14. [翻译] (黑苹果)笔记本电脑原生电源管理指南 [Guide] Native Power Management for Laptops
  15. 在Excel表格中隐藏行或列
  16. 如何将PDF转换成图片
  17. supervise进程管理利器
  18. 精心总结的表格快捷键
  19. 基于“大中台+小前台”思想的电商系统总体架构设计
  20. 任正非:宁赔10亿,也要辞退7000员工!华为卸磨杀驴?却获网友点赞!

热门文章

  1. mysql 导入 文章_水淼·MySQL文章入库助手
  2. OpenGL-空间曲线
  3. 神舟笔记本热点无法开启解决办法
  4. AndLink是一个什么东东?
  5. 超外差接收机原理图讲解(一)--射频部分
  6. web漏洞扫描-搬家工
  7. 智能投影机android系统,投影仪内置安卓系统的好吗?当贝OS有多强?
  8. 在image2lcd图片取模软件使用中遇到的小问题,和解决方法
  9. java中 ‘\b‘ 回退符的使用
  10. 炒菜机器人的弊端_炒菜机缺点有哪些