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/

相关推荐
databook8 分钟前
manim边学边做--线性变换的场景类
python·动效
AmazingKO9 分钟前
【够用就好008】开新坑自学esb32烧录进军物联网和嵌入式
人工智能·python·物联网·chatgpt·github·方方上土·aigc创意人竹相左边
rocksun12 分钟前
UNITTEST: PYTHON开发者内置的安全网
python
精灵vector22 分钟前
【Agent的革命之路——LangGraph】如何使用config
人工智能·python·aigc
凌小添23 分钟前
Python入门教程丨3.6 代码打包
python
pany29 分钟前
📱 MobVue 致力成为你的移动端 H5 首选
前端·javascript·vue.js
战场小包32 分钟前
初探 Vite 秒级预构建实现
前端·vue.js·vite
全栈派森41 分钟前
Flask or Django?开发者の灵魂拷问:要自由还是求省心?
python·flask
岁岁岁平安1 小时前
Vue3实战学习(IDEA中打开、启动与搭建Vue3工程极简脚手架教程(2025超详细教程)、Windows系统命令行启动Vue3工程)(2)
javascript·vue.js·vue·idea·vue3项目脚手架
NoviceLearningRecord1 小时前
解决webdriver和Chrome不匹配的办法
前端·chrome·python