您好,
会员登录 快速注册
退出 ( 条未读消息)
关于本站 意见反馈 首页

公告:小宅博客网可以开发票了,需要发票的,去群里找群主哈!!
全部文章分类
  • 人工智能 >

  • 编程语言 >

  • WPF系列 >

  • ASP.NET系列 >

  • Linux >

  • 数据库 >

  • 嵌入式 >

  • WEB技术 >

  • PLC系列 >

  • 微服务与框架 >

  • 小宅DIY >

  • 学习资料 >

OpenCv基础 ANN车牌识别 yolov5车牌识别 指针式仪表识别 ROS系列 YOLO Halcon Detectron2 昇腾AI ChatGPT在线体验 英伟达JETSON ChatGLM ChatTTS FunASR 地平线 ByteTrack 魔搭社区 LangChain
C C# C++ Python Java Go
WPF
ASP.NET小功能 GPS定位系统-MVC GPS定位系统-VUE ASP.NET WebRTC
Linux Linux内核 Shell MakeFile
MySql SqlServer Oracle
STM8 STM32 51单片机
VUE入门 HTML JavaScript CSS layui镜像网站 ElementUi中文官网 element-plus 图标
三菱 欧姆龙 西门子 施耐德 松下 台达
IOTSharp IOTGateway ABP FRAMEWORK Docker
亚克力音响 编程仙途:智驭万法
面试题与技巧 Python入门技能树 微软C#教程
首页 编程之美 工具下载 全国就业 流量地图 文心一言
VUE入门
新建工程
激萌の小宅 小宅博客 VUE入门

文章作者:激萌の小宅

促销:¥0

价格:¥0

配送方式: 购买后立即生效(如购买异常,请联系站长)
付款之后一定要等待自动跳转结束,否则购买可能会失败
  • 0 天

    有效期

  • 0

    总销量

  • 0

    累计评价

新建工程

1、安装node.js

推荐使用nvm安装node.js《Windows 使用nvm安装多个版本的node.js》

参考博客:

https://www.jb51.net/javascript/294132o9i.htm

https://blog.csdn.net/naihe_fish/article/details/131903116

QQ截图20240426143439.jpg


2、搭建VUE环境

参考博客:https://cn.vuejs.org/guide/quick-start.html

# 切换阿里云镜像
npm config set registry https://registry.npm.taobao.org

# 其他镜像地址,上面的如果不能用,可以试试下面这两个
https://registry.npmjs.org
https://registry.npmmirror.com


# 安装@vue/cli -g
npm install -g @vue/cli

# 检查是否安装成功
vue -V


QQ截图20240426143657.jpg

QQ截图20240426143944.jpg


3、创建VUE项目

选择一个你想要创建项目的文件夹,打开控制端执行如下命令

vue create 项目名

注意:项目名不能有大写字母,中文和特殊符号


选择模板和包管理器,等待项目创建完毕

(蓝色字体表示当前选中的,按键盘上下键即可选择)

QQ截图20240426144729.jpg

选择模板后,等待项目创建完毕即可

QQ截图20240426145517.jpg


4、运行测试

cd vue-demo
npm run serve

QQ截图20240426145707.jpg


运行效果:

QQ截图20240426145923.jpg


Visual Studio Code运行权限解决方案:

https://www.cnblogs.com/alioth01/p/16528215.html


友情链接: CSDN激萌の小宅 95知识库 自考题库 罗分明个人网络博客 精益编程leanboot

小宅博客  www.bilibili996.com All Rights Reserved. 备案号: 闽ICP备2024034575号

网站经营许可证  福建省福州市 Copyright©2021-2025 版权所有

小宅博客
首页 智能家居 地图定位
公告:小宅博客网可以开发票了,需要发票的,去群里找群主哈!!

文章作者:激萌の小宅

促销:¥0

价格:¥0

配送方式: 购买后立即生效(如购买异常,请联系站长)
付款之后一定要等待自动跳转结束,否则购买可能会失败
  • 0 天

    有效期

  • 0

    总销量

  • 0

    累计评价

新建工程

1、安装node.js

推荐使用nvm安装node.js《Windows 使用nvm安装多个版本的node.js》

参考博客:

https://www.jb51.net/javascript/294132o9i.htm

https://blog.csdn.net/naihe_fish/article/details/131903116

QQ截图20240426143439.jpg


2、搭建VUE环境

参考博客:https://cn.vuejs.org/guide/quick-start.html

# 切换阿里云镜像
npm config set registry https://registry.npm.taobao.org

# 其他镜像地址,上面的如果不能用,可以试试下面这两个
https://registry.npmjs.org
https://registry.npmmirror.com


# 安装@vue/cli -g
npm install -g @vue/cli

# 检查是否安装成功
vue -V


QQ截图20240426143657.jpg

QQ截图20240426143944.jpg


3、创建VUE项目

选择一个你想要创建项目的文件夹,打开控制端执行如下命令

vue create 项目名

注意:项目名不能有大写字母,中文和特殊符号


选择模板和包管理器,等待项目创建完毕

(蓝色字体表示当前选中的,按键盘上下键即可选择)

QQ截图20240426144729.jpg

选择模板后,等待项目创建完毕即可

QQ截图20240426145517.jpg


4、运行测试

cd vue-demo
npm run serve

QQ截图20240426145707.jpg


运行效果:

QQ截图20240426145923.jpg


Visual Studio Code运行权限解决方案:

https://www.cnblogs.com/alioth01/p/16528215.html