创建一个vue项目

本文详细介绍了如何在Windows环境下配置和搭建Vue.js开发环境,包括安装node.js和vue-cli,解决安装过程中的问题。接着,文章演示了如何创建Vue项目并集成ElementPlusUI框架,以及如何通过axios与后端Flask服务进行交互。最后,文章阐述了如何将前端项目部署到nginx服务器,并通过nginx代理实现与后端的通信。

一、环境准备

1、安装 node.js

下载地址:Node.js 

2、检查是否安装成功:输出版本号说明安装成功

 注意:如果已经安装,未显示,可能是环境变量没配置

二、搭建 vue 环境

1、全局安装脚手架 vue-cli

 在命令行输入:

npm install vue-cli -g (vue-lcli2)
npm install -g @vue/cli (vue-cli3)

 报错:

1,遇到这样的错误 果断 切换成 淘宝的镜像源 就行,切换后再次下载。

npm config set registry https://registry.npm.taobao.org

 2,npm install命令失败,提示 Cannot read properties of null (reading 'package')。
解决方案:清除缓存npm cache clear --force 之后再重新安装依赖 npm install

 2、检查是否安装成功:输出版本号说明安装成功

C:\Users\123>vue --version
@vue/cli 5.0.8

C:\Users\123>vue -V
@vue/cli 5.0.8

三、创建 vue 项目

创建vue2项目

输入命令:vue create vue2

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值