如何在 django中安装vue

背景:之前写了一个测试工具箱文章地址基于前后端分离的使用标准,前端使用vue,django作为后端处理接口
以下是尝试组合的过程:

一、vue安装
前提:先安装nodejs

#安装最新版本的vue
npm install -g @vue/cli

#-g是全局安装,并移除安装了 webpack和webpack-cli
npm install webpack webpack-cli –g

#本地安装(推荐)
npm install webpack webpack-cli --save-dev

创建VUE项目

1、进入django项目,与APP同级,执行命令

vue-init webpack testdemo

问题:
vue-cli · Failed to download repo vuejs-templates/webpack: connect ETIMEDOUT 20.205.243.165:443

翻墙翻不过去了,就提示报错了

解决:
使用离线下载webpack下载地址
下载之后,解压到本地用户目录下的.vue-templates目录下

没有.vue-templates 目录

mkdir .vue-templates

在这里插入图片描述

再次执行:
vue init webpack mydemo --offline

veu框架目录:
在这里插入图片描述

命令大全:

VUE:
安装:
npm install vue
#安装最新版本的vue
npm install -g @vue/cli


全局卸载:
npm uninstall vue-cli -g
卸载指定版本
npm uninstall -g @vue/cli 4.5.15







webpack
全局安装:
npm install webpack webpack-cli -g
//或指定版本,类似这样:
npm install webpack@4.16.5  webpack-cli -g

打印版本:
webpack -v
webpack-cli -v

全局卸载:
npm uninstall webpack webpack-cli -g

本地安装:
npm install webpack webpack-cli --save-dev
//或者
npm install webpack webpack-cli -D
//或者指定版本
npm install webpack@4.16.5 webpack-cli -D

本地打印版本:
npx webpack -v
npx webpack-cli -v

本地卸载:
npm uninstall webpack webpack-cli -D


  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值