首页 > 其他 > 详细

搭建vue

时间:2021-02-27 09:45:43      阅读:28      评论:0      收藏:0      [点我收藏+]

搭建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

 

搭建vue

原文:https://www.cnblogs.com/qingshanyici/p/14454729.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!