一则故事
这里先讲一个故事,以说明浏览官网的重要性和新技术的自学方法。
当时我们公司开新项目,需要用vue,当时公司里没人接触过,所以大家一起从头学。然后我就打开了vue官网,点开了起步
我按照官网的介绍,引入了vue.js,然后成功的写出来了一个demo文件,并因此沾沾自喜,给我的项目经理看了后他告诉我我们这个项目不这样用,用脚手架搭,之后用webpack打包。当时我并不知道什么是脚手架也不知道什么是webpack,之后的很长一段时间我都不知道为啥我的项目经理明明也没接触过vue,却可以第一时间找到这些进一步的开发方式,直到我点开了右上角的生态。
所以,额外的东西也是要看的。。。。
安装踩坑
安装教程官网有,这里不赘述
https://cli.vuejs.org/zh/guide/installation.html
下面说我碰到的两个坑和解决办法
1 npm install -g @vue/cli卡主不动
这里可能不是卡主了,而是外网下载的太慢,总文件大小有接近200M,实际下载速度可能只有几k,这里的解决办法就是换淘宝镜像,下面是我参考的文章
https://blog.csdn.net/wjnf012/article/details/80422313
2 stack: Error: read ECONNRESET
stack: Error: read ECONNRESET
at TLSWrap.onStreamRead (internal/stream_base_commons.js:209:20)
[32/35] vue-codemod@^0.0.4 installed at node_modules\_vue-codemod@0.0.4@vue-codemod
fsevents@1.2.13 download from binary mirror: {"host":"https://cdn.npm.taobao.org/dist/fsevents"}
platform unsupported @vue/cli-ui@4.5.9 › vue-cli-plugin-apollo@0.21.3 › nodemon@1.19.4 › chokidar@2.1.8 › fsevents@^1.2.7 Package require os(darwin) not compatible with your platform(win32)
[fsevents@^1.2.7] optional install error: Package require os(darwin) not compatible with your platform(win32)
[npminstall:runscript] scripts.preinstall @vue/cli-ui@4.5.9 › vue-cli-plugin-apollo@0.21.3 › apollo@2.32.0 › @oclif/plugin-plugins@1.9.4 › yarn@^1.21.1 ":; (node ./preinstall.js > /dev/null 2>&1 || true)", root: "C:\\Users\\admin\\AppData\\Roaming\\npm\\node_modules\\@vue\\cli\\node_modules\\_yarn@1.22.10@yarn"
很神奇的一个错误,而且好像只有我遇到了。。。
这个错误原因其实是之前安装的没有卸载干净
执行完卸载命令后进去看一眼,把这个文件夹清空,清空后再下
cnpm install -g vue-cli
3 未配环境变量
这个问题我没遇到过,因为我环境变量配了,但是还是记一下,防止将来自己搭的时候出现呢问题
需要配置nodejs和npm的环境变量
https://www.cnblogs.com/badboys/p/13420121.html