背景:之前写了一个测试工具箱文章地址基于前后端分离的使用标准,前端使用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.15webpack
全局安装:
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

如何在 django中安装vue相关推荐

  1. django 传递中文_如何在Django中建立消息传递状态

    django 传递中文 by Ogundipe Samuel 由Ogundipe Samuel 如何在Django中建立消息传递状态 (How to Build a Message Delivery ...

  2. shell中竖线的作用_如何在 Linux 中安装、配置和使用 Fish Shell?

    每个 Linux 管理员都可能听到过 shell 这个词.你知道什么是 shell 吗? 你知道 shell 在 Linux 中的作用是什么吗? Linux 中有多少个 shell 可用? -- Ma ...

  3. 如何在Windows中安装Python?

    如何在Windows中安装Python? 1. Python的安装 官网下载:https://www.python.org/downloads/windows/ 点开上面的链接,会发现有很多版本. 首 ...

  4. 如何在Django中以GROUP BY查询?

    本文翻译自:How to query as GROUP BY in django? I query a model: 我查询一个模型: Members.objects.all() And it ret ...

  5. ubuntu 安装yum_如何在 Linux 中安装微软的 .NET Core SDK | Linux 中国

    本分步操作指南文章解释了如何在 Linux 中安装 .NET Core SDK 以及如何使用 .NET 开发出第一个应用程序.-- Sk致谢译自 | ostechnix.com 作者 | Sk译者 | ...

  6. linux内核如何安装vim,如何在Linux 中安装和使用 PacVim?

    描述 你好,Vim用户!今天,我偶然发现了一个很酷的程序来提高 Vim 的使用技巧.Vim 是编写和编辑代码的绝佳编辑器.然而,你们中的一些人(包括我)仍在陡峭的学习曲线中挣扎.再也不用了!来看看 P ...

  7. 如何在Pycham中安装插件,以及Pycham中常用的插件

    欢迎大家关注笔者,你的关注是我持续更博的最大动力 原创文章,转载告知,盗版必究 文章目录:如何在Pycham中安装插件,以及Pycham中常用的插件 1.在Pycham中安装插件 1.1 直接安装 1 ...

  8. 如何在VMware中安装Linux系统(带界面)~新手向

    如何在VMware中安装Linux系统(带界面)~新手向 1.打开VMware虚拟机 2.创建新的虚拟机 3.加载ISO 4.命名虚拟机 5.指定磁盘容量 6.自定义硬件 7.启动虚拟机 1.打开VM ...

  9. 如何在Linux中安装和使用Silver Searcher(程序员的代码搜索工具)

    Silver Searcher是一个免费的开源跨平台源代码搜索工具,类似于ack ( 类似于程序员的grep工具 ),但速度更快. 它运行在类Unix系统和Windows操作系统上. 银色搜索者和ac ...

最新文章

  1. 一周一论文(翻译)——[VLDB 18] Chi:分布式流处理系统下可扩展的、可编程的控制计划模块
  2. C++map的基本操作和使用
  3. 图解机房空调制冷系统
  4. event对应的各种坐标
  5. 蚊子132 各方人员都“照顾”到位则业务会很乐观
  6. CCF 201403-2 窗口
  7. 初志科技发布云策略 安全云平台如稳固建筑
  8. snmp信息的查询命令snmpwalk
  9. 多输出模型的评价和模型预测
  10. Jaakko isalo谈《愤怒的小鸟》创意来源
  11. mysql show timestamp_MySQL中有关TIMESTAMP和DATETIME的总结
  12. 图形化操作工具DIGITS 6.1的安装与运行
  13. ttl转rs232发送十六进制_浅析 UART、RS232、TTL 之间的关系(转)
  14. HTML实战宝典PDF,《selenium webdriver实战宝典》记
  15. mvc5 ef6 mysql code first 架构_跟蓝狐学MVC教程--MVC5与EF6 Code First 第一个入门完整实例教程...
  16. DP转HDMI/VGA拓展坞方案|CS5262 DP转HDMI+VGA扩展坞设计|CS5262应用电路
  17. Python 爬虫从入门到入坑全系列教程(详细教程 + 各种实战)
  18. WWDC20 苹果发布会
  19. 怎么免卸载升级太极中的软件
  20. pairs和iparis

热门文章

  1. 解决文件夹正在使用问题
  2. 【每日随笔】关于保险的一些想法
  3. date js 减去_如何在JavaScript中从该日期减去一个星期?
  4. HTTP协议常见考点
  5. JS循环遍历中使用异步
  6. 计算机毕业设计开题报告的撰写步骤和内容要求
  7. 五分钟理解服务器 SMP、NUMA、MPP 三大体系结构
  8. DIY大神分享:i7 10700k配什么主板和显卡性价比高
  9. html中树状图实现方式
  10. 基于有Vue基础的微信小程序开发学习笔记