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/

相关推荐
Robot侠36 分钟前
极简LLM入门指南4
大数据·python·llm·prompt·提示工程
我是小路路呀1 小时前
element级联选择器:已选中一个二级节点,随后又点击了一个一级节点(仅浏览,未确认选择),此时下拉框失去焦点并关闭
javascript·vue.js·elementui
等....2 小时前
Miniconda使用
开发语言·python
Java&Develop2 小时前
Aes加密 GCM java
java·开发语言·python
JIngJaneIL2 小时前
基于springboot + vue古城景区管理系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot·后端
澄江静如练_2 小时前
列表渲染(v-for)
前端·javascript·vue.js
Loo国昌3 小时前
Vue 3 前端工程化:架构、核心原理与生产实践
前端·vue.js·架构
爱笑的眼睛113 小时前
超越MSE与交叉熵:深度解析损失函数的动态本质与高阶设计
java·人工智能·python·ai
前端白袍3 小时前
Vue:如何实现一个具有复制功能的文字按钮?
前端·javascript·vue.js
Rose sait4 小时前
【环境配置】Linux配置虚拟环境pytorch
linux·人工智能·python