VUE之基本部署及VScode常用插件

news/2024/7/8 6:46:49

参考资料:

参考视频

VScode常用插件清单

node.js官网

node.js官网中文版

VUE官方文档 


VScode常用插件:

  • VScode常用插件详解见上述连接,插件列表如下:

  •  VScode的注释/取消注释快捷键为:Ctrl+/

 VUE的基本安装部署--基本环境配置:

1.node.js的安装

  • node.js是JavaScript的编译器
  • 在上述连接,node.js官网或者node.js中文网选择对应的版本下载,安装即可

  •  安装完成后,在控制台输入node,进入JavaScript编辑框,如果没反应则说明安装失败

  •  连续按两次Ctrl+C,即可退出.

2.npm简单使用

  • npm查看下载源

npm config get registry

  • npm设置淘宝镜像源

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

  • npm在某目录下安装依赖

 npm i xxx

 

 

 

 

 3.VUECLI(VUE脚手架安装)

  • 可以通过VUE官网→生态系统→工具→Vue CLI,对VUE脚手架进行了解

  • 点击安装可以看到安装命令

  • 在任意目录下,使用npm命令安装即可

  •  用下面命令查看vue版本

vue --version

 

 


 VUE的基本安装部署--简单项目的创建

1.在控制台切换到要创建项目的目录下

 2.使用下面命令创建项目

vue create <project-name>

 比如,创建项目名为myself-demo的项目

 3.选择默认的VUE 2项目即可,键盘上↑下↓,enter确认选择

 4. 进入到创建的项目目录中,使用下面命令用VScode打开该项目

code .

 

 5.在VScode的控制台输入下面命令进行运行

npm run serve

 

 6.在浏览器输入或者点击下面的链接即可对项目进行访问

 

 7.以上就是简单的项目部署流程


http://lihuaxi.xjx100.cn/news/1340717.html

相关文章

小程序:如何判断机型

在小程序中&#xff0c;可以通过 wx.getSystemInfoSync() 方法获取当前设备的系统信息&#xff0c;包括机型、操作系统版本等。其中&#xff0c;通过系统信息中的 model 字段可以获取到当前设备的机型信息。 // 获取系统信息 const systemInfo wx.getSystemInfoSync();// 获取…

深圳交易所证券交易规则

目录 一、交易市场 1.深交所可交易证券 1&#xff09;股票 2&#xff09;存托凭证 3&#xff09;基金 4&#xff09;权证 5&#xff09;经证监会批准的其他交易品种 2.交易参与人 3.交易时间 二、证券买卖 1.委托 1&#xff09;投资者要求 2&#xff09;委托方式 …

移动端声明及meta标签设置

移动端meta标签设置 1.设置当前html文件的字符编码 <meta charset"UTF-8"> 2设置浏览器的兼容模式&#xff08;让IE使用最新的浏览器渲染&#xff09; <meta http-equiv"X-UA-Compatible" content"IEedge"/> 3.视口&#xff08;快…

MySQL数据库——索引练习

一、练习题目 1、建立一个utf8编码的数据库test1 2、建立商品表goods和栏目表category&#xff08;要求&#xff1a;按如下表结构创建表&#xff0c;并且存储引擎engine myisam 字符集charset utf8&#xff09; 3、删除 goods 表中的 goods_desc 字段及货号字段,并增加 click…

找工作前,是否要去培训班进行学习呢?

在学习IT技术的过程中&#xff0c;你是否也被安利过各种五花八门的技术培训班&#xff1f;这些培训班都是怎样向你宣传的&#xff0c;你又对此抱有着怎样的态度呢&#xff1f;在培训班里学技术&#xff0c;真的有用吗&#xff1f; 一、引入话题 一年又一年的毕业季有来临了&am…

Vector - CANoe - CAPL文件加密

目录 为什么会有CAPL文件加密需求? 加密文件介绍 “*.can”和“*.cin” 文件创建 <

微软亚洲研究院推出AI编译器界“工业重金属四部曲”

编者按&#xff1a;编译器在传统计算科学中一直是一个重要的研究课题。在人工智能技术快速发展和广泛应用的今天&#xff0c;人工智能模型需要部署在多样化的计算机硬件架构上。同时&#xff0c;训练和部署大型人工智能模型时又对硬件性能有着更高的要求&#xff0c;有时还需根…

2022 Robocom CAIP省赛 第五题 树与二分图

原题链接&#xff1a; PTA | 程序设计类实验辅助教学平台 题面&#xff1a; 设 G(V,E) 是一个无向图&#xff0c;如果顶点集合 V 可分割为两个互不相交的子集 (A,B)&#xff0c;并且每条边 (i,j)∈E 的两个端点 i 和 j 分别属于这两个不同的顶点子集&#xff0c;则称图 G 为一…