搭建vue脚手架(Windows系统)
第一步: 安装node.js
去官网上安装,安装了node,就安装了npm
第二步: 安装npm的镜像cnpm
指令: npm install -g cnpm --registry=https://registry.npm.taobao.org
指令: cnpm –v 查看镜像的版本
第三步: 安装vue-cli脚手架构建工具
1、 输入指令: cnpm install vue-cli -g 注意这里vue-cli与-g之间有个空格。不然就会报下面这个错误
报错:GET https://r.npm.taobao.org/vue-cli--g response 404 status
原因:vue-cli和-g之间忘了输入空格
解决链接:
2、 输入指令: vue-cli –V 注意这里的V是大写字母,检查vue版本
报错:vue : 无法加载文件 C:\Users\XXX\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本
解决报错的链接: https://blog.csdn.net/bulabulahei/article/details/108242527
报错:https://www.cnblogs.com/cat520/p/12943107.html
原因:不知道,要将一个路径导入到path中去。我没有做出来,直接进入第四步,好像也行。
解决链接:https://www.cnblogs.com/cat520/p/12943107.html
第四步: 创建一个基于wepack模板的项目
输入指令: vue init webpack my-app
这里有两个配置需要注意一下:
Install vue-router? (Y/N): 是否安装路由?我们可以自己配置,选Y就行
Use ESLint to lint you code?(Y/n) ESLint用来检查js的规范,是规范,不是错误,不想看到很多warning,可以选择n
报错:Unexpected end of JSON input while parsing near ‘...4.0.7.tgz"},"engines"‘
解决方案:https://blog.csdn.net/zsl15039718107/article/details/104128166/
第五步: 运行项目
进入my-app,输入指令: cnpm run dev
报错:‘webpack-dev-server‘ 不是内部或外部命令,也不是可运行的程序
或批处理文件。
原因:没有安装相关的包
解决方案:https://blog.csdn.net/sunqy1995/article/details/81408517
安装相关包时候的报错。
安装:axios
输入指令:cnpm install axios --save
报错:npm ERR! code EEXIST
原因:指令输入不对,好像是与npm的版本相关
解决方案:cnpm install --save axios
原文:https://www.cnblogs.com/qingshanyici/p/14454729.html