当前位置: 首页 > news >正文

【快速开始】vuejs环境搭建第一个项目

本篇包含vuejs环境安装以及通过vue客户端快速创建运行第一个项目。(注:以下内容均已windows平台为基准)

目录:

一、安装nodejs

二、配置国内源加速

三、安装vue客户端

四、创建第一个应用

1、安装nodejs:

1.1、下载

官网下载地址:【v18.13.0】

1.2、安装

略(默认下一步即可,其中最好选择将node加入环境变量PATH配置中)

1.3、验证

命令行输入:node -v,若显示具体版本(如下图),则表示安装成功。

nodejs版本验证

2、配置npm国内源加速:

2.1、配置:

控制台执行命令:npm config set registry http://registry.npmmirror.com

2.2、验证:

命令行输入:npm config get registry,若显示具体版本(如下图),则表示配置成功。

nodejs淘宝源验证

3、安装vue-cli:

3.1、安装:

控制台执行命令:npm install -g @vue/cli

3.2、验证:

命令行输入:vue -V,若显示具体版本(如下图),则表示安装成功。

vuejs版本验证


至此,vue项目开发需要的开发环境已经安装完毕,下面开始第一个项目。

4、创建第一个vue应用:

控制台执行命令:vue create vueapp01

4.1、选择版本:

vue版本选择(选择"手动选择")

4.2、选择依赖(在此选择Babel和Router):

选择依赖包

选好后,回车,则会创建项目以及引入相关包,创建完成后,进入目录:cd vueapp01

4.3、控制台执行命令:npm run serve

控制台提示如下内容,则表示运行完成:

vue服务启动成功

此时打开浏览器,访问网址(默认http://localhost:8080/),可以看到如下内容。

第一个项目运行结果

至此,我们已经完成了vuejs相关软件安装第一个项目运行任务。后续将会逐步介绍具体使用技巧。敬请期待。

相关文章:

  • 聊聊关于矩阵反向传播的梯度计算
  • 测试岗外包4年终上岸,这段日子说起来都是泪啊
  • linux secure boot(安全启动)下为内核模块签名
  • 解决数据兼容性问题
  • myBaits Target Capture Kits;myBaits 靶向捕获试剂盒,快速捕获富集目标序列
  • 百度、字节终于不再相互“抄袭”
  • 20230202英语学习
  • TypeScript类
  • this作用全解(全局this 、函数this、全局函数 this call apply bind……)
  • k8s核心资源ingress
  • 【MySQL】《狂飙》电视剧火了,如果程序一直狂飙,扛不住了,怎么办呢?
  • golang 协程关闭——谁敢说没踩过坑
  • 熵值法原理及python实现 附指标编制案例
  • Small RTOS51 学习笔记(10)Small RTOS51 的移植
  • CentOS7 LVM 逻辑卷2种读写策略(磁盘IO性能优化)—— 筑梦之路
  • 湫湫系列故事——减肥记Ⅰ(Python)
  • 分享158个ASP源码,总有一款适合您
  • 机器学习常见面试问题汇总
  • 低代码:让企业“活”起来,赋能企业数字转型
  • SAP IFRS 17 面向服务架构详细解析(包含分类账规则)
  • 电加热油锅炉工作原理_电加热导油
  • 大型电蒸汽锅炉_工业电阻炉
  • 燃气蒸汽锅炉的分类_大连生物质蒸汽锅炉
  • 天津市维修锅炉_锅炉汽化处理方法
  • 蒸汽汽锅炉厂家_延安锅炉厂家
  • 山西热水锅炉厂家_酒店热水 锅炉
  • 蒸汽锅炉生产厂家_燃油蒸汽发生器
  • 燃煤锅炉烧热水_张家口 淘汰取缔燃煤锅炉
  • 生物质锅炉_炉
  • 锅炉天然气_天燃气热风炉