VUE 插件npm下载小问题

本文详细介绍了如何使用vue-cli创建Vue项目,包括设置npm淘宝镜像加速,创建并运行项目,安装ElementUI组件库以及vue-router路由管理器。特别提醒,需确保vue和vue-router版本匹配,否则可能出现错误。遇到问题时,可以检查vue和vue-router的版本兼容性,通过卸载并重新安装对应版本解决。
摘要由CSDN通过智能技术生成

1.vue-cli安装:

npm install -g @vue/cli

2.npm设置淘宝镜像加速:

npm config set registry https://registry.npm.taobao.org

3.创建vue项目:

        1.先进入要创建的目录 cd D:xxx
        2. 进入后 vue create 项目名称 
           进入项目的目录,点击上方的路径打cmd输入 npm run serve 出现localhost端口号就行

如果卡了 敲回车

或者

cmd:
cd /d D:\software\vue\workspace

4.安装ElementUI

ElementUI:`npm i element-ui -S`

5.vue安装下载的插件可以在 package.json 里的 "dependencies" 内查看

6.注意:npm版本过高下载不了,用

npm install npm@6.14.10 -g

7.下载用 npm i vue-router 或者上面 一定要注意 vue2和vue-router2配套使用 其他的插件同理

//1.卸载项目中已有的vue-router
	npm uninstall vue-router
	//2.安装vue-router 3版本
	npm install vue-router
	ps:安装vur-router 4版本的命令如下
	npm install vue-router@4

如果出现以下问题 ,就是vue和vue-router不匹配了,如

浏览器出现
axios.js?be3b:60 Uncaught TypeError: Cannot read property 'use' of undefined
    at eval (axios.js?be3b:60)
    at Module../src/plugins/axios.js (app.js:1229)
    at __webpack_require__ (app.js:854)
    at fn (app.js:151)
    at eval (main.js:10)
    at Module../src/main.js (app.js:1217)
    at __webpack_require__ (app.js:854)
    at fn (app.js:151)
    at Object.1 (app.js:1302)
    at __webpack_require__ (app.js:854)

或者看这里

1.先进入要创建的目录 cd D:xxx
2. 进入后 vue create 项目名称 
 如果卡了 敲回车
进入项目的目录 上去打cmd
输入 npm run serve 
出现local 就行   可在hbuild 点开终端调试

cmd:
d:
cd /d D:\software\vue\workspace

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值