背景:之前写了一个运维小工具文章地址基于前后端分离的使用标准,前端使用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



