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