Django+vue前后端分离实战--vue后台管理系统--vue环境安装项目创建

Django+vue前后端分离实战--vue后台管理系统

安装nodejs+vue cli

1、下载nodejs并安装 https://nodejs.org/dist/v20.9.0/node-v20.9.0-x64.msi

2、修改npm 默认仓库地址,要修改成taobao的镜像npm 仓库地址

cmd下命令:npm config set registry https://registry.npm.taobao.org

3、安装最新的vue脚手架vue-cli(cmd下命令:npm install -g @vue/cli)

(如果第3步安装了cnpm可在cmd下命令:cnpm install -g @vue/cli)

说明(如果你之前已经安装vuecli2 请先用命令:npm uninstall -g vue-cli 卸载之前的vuecli2,否则不能使用vue create命令)

vue-cli创建项目

1、cmd运行vue ui 并打开chrome url:http://localhost:8000/project/select

修改目录后,点击创建项目。

2、输入项目名称,取消git 。并下一步

3、选择router和vuex

4、选择vue2后,创建项目,等待项目创建。

5、安装插件 elementui.记得一定要点击完成安装,要不elementui 不会引入到系统中

6、vscode打开项目,然后运行 npm run serve后, chrom打开页面:http://localhost:8080/

相关推荐
冷雨夜中漫步8 小时前
Python快速入门(6)——for/if/while语句
开发语言·经验分享·笔记·python
Howrun7778 小时前
VSCode烦人的远程交互UI讲解
ide·vue.js·vscode
郝学胜-神的一滴9 小时前
深入解析Python字典的继承关系:从abc模块看设计之美
网络·数据结构·python·程序人生
百锦再9 小时前
Reactive编程入门:Project Reactor 深度指南
前端·javascript·python·react.js·django·前端框架·reactjs
喵手10 小时前
Python爬虫实战:旅游数据采集实战 - 携程&去哪儿酒店机票价格监控完整方案(附CSV导出 + SQLite持久化存储)!
爬虫·python·爬虫实战·零基础python爬虫教学·采集结果csv导出·旅游数据采集·携程/去哪儿酒店机票价格监控
2501_9449347310 小时前
高职大数据技术专业,CDA和Python认证优先考哪个?
大数据·开发语言·python
helloworldandy10 小时前
使用Pandas进行数据分析:从数据清洗到可视化
jvm·数据库·python
小迷糊的学习记录11 小时前
Vuex 与 pinia
前端·javascript·vue.js
利刃大大11 小时前
【Vue】Element-Plus快速入门 && Form && Card && Table && Tree && Dialog && Menu
前端·javascript·vue.js·element-plus
肖永威12 小时前
macOS环境安装/卸载python实践笔记
笔记·python·macos