Vue安装

安装node环境

node的现在的最新版本是18.115.0，可以在官网根据自己的电脑环境选择需要安装包下载地址点击下载地址

下载之后可以一键安装，安装完成可以通过node -v命令查看自己安装的版本是多少

接下来就是配置一下node全局环境，配置淘宝镜像源
如果node安装目录在D盘，就在“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”，进入环境变量对话框里面设置NODE_PATH.

查看npm下载源命令 npm config get registry

看了默认的下载源是官方默认的，所以需要更换国内的淘宝镜像源，这样下载速度会快很多。
通过以下命令可以永久的设置淘宝镜像源下载：

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

然后再通过 npm config list命令查看自己是否设置成了没有。

node安装好之后，我们就可以进行vue相关的安装了。

vue安装

第一步：根据自己的淘宝镜像源设置选择命令，其中-g是全局安装，指安装到global全局目录去

npm install vue -g或者 cnpm install vue -g

第二步：安装的vue信息：npm info vue

这样就安装好了vue了，为了开发方便还可以安装webpack ，安装脚手架vue-cli最新版本

安装webpack 命令： npm install --global webpack-cli
版本检查：webpack -v
安装脚手架vue-cli 最新版本命令：npm install @vue/cli –g
新建项目命令：vue create 项目名

VSCode安装

VSCode是什么呢？

VSCode（全称：Visual Studio Code）是一款由微软开发且跨平台的免费源代码编辑器。
该软件支持语法高亮、代码自动补全（又称 IntelliSense）、代码重构、查看定义功能，并且内置了命令行工具和 Git 版本控制系统。用户可以更改主题和键盘快捷方式实现个性化设置，也可以通过内置的扩展程序商店安装扩展以拓展软件功能。

官方下载地址点击跳转
https://code.visualstudio.com/
官方文档地址点击跳转：
https://code.visualstudio.com/docs

根据自己的需要下载对应的安装包，安装完之后，打开的页面就是这样的，是不是很好看。

如果需要汉化的版，按照下面的步骤进行安装，重启之后就是跟我上面汉化的一模一样的了。

界面：左侧界面可以看到有文件管理，搜索框，代码管理，debug，扩展安装等等多个模块，每一块有需要知道是干什么的，这样在开发的时候效率会提高很多。

总结

看到这里基本就可以开始编写vue相关的代码了，这一篇有node安装步骤，vue安装，编辑器下载和安装。一切准备就绪了，接着就可以通过VSCode编写vue项目了。

一边写代码一边深入的学习vue吧。

【前端】vue运行环境和编辑器VScode安装相关推荐

【Android 逆向】修改运行中的 Android 进程的内存数据 ( 运行环境搭建 Android 模拟器安装 | 拷贝 Android 平台可执行文件和动态库到 /data/system )
文章目录一.运行环境搭建 Android 模拟器安装二.拷贝 Android 平台可执行文件和动态库到 /data/system 目录下一.运行环境搭建 Android 模拟器安装使用低版本的 ...
【关于Citespace和JRE（JAVA运行环境）的详细安装教程】
关于Citespace和JRE(JAVA运行环境)的详细安装教程想要运行Citespace, 先搭建JRE运行环境 1. JRE运行环境 1.Java中JDK包含JRE(即占内存更多),若只用Cit ...
Vue 运行环境搭建
刚入职的前端拿到新电脑需要装哪些环境以及运行项目..... 为什么会写这个,因为最近公司新招了一些应届毕业生,对于拿到电脑的他们似乎无层下手,可以参考这些,具体每一个的安装步骤.可自行查找. 1.安装 ...
如何用JavaScript判断前端应用运行环境（移动平台还是桌面环境）
我们部署在某些云平台或者Web服务器上的前端应用,既可以用PC端浏览器访问,也可以用手机上的浏览器访问. 在前端应用里,有时候我们需要根据运行环境的不同做出对应处理.比如下面这段逻辑,如果判断出应用当 ...
安装jre运行环境_如何下载安装java运行环境jre
如果你只需要运行Java程序或Applet,下载并安装它即可.如果你要自行开发Java软件,请下载JDK.在JDK中附带有JRE.注意由于Microsoft对Java的支持不完全,请不. . Java ...
Hadoop入门（上）：大数据特点、大数据前景、大数据组织结构、Hadoop组成、Hadoop版本介绍、Hadoop运行环境搭建、CentOS6安装JDK、安装Hadoop、Hadoop目录结构
资料来源于尚硅谷本篇文章目录第1章·大数据概论 1.1.大数据概念. 1.2.大数据特点(4V) 1.3.大数据应用场景 1.4.大数据发展前景 1.5·大数据部门业务流程分析. 1.6·大数据部 ...
自己动手写操作系统--搭建保护模式下的运行环境：bochs下安装freedos
在进行保护模式的运行环境配置前,先看了了下书上的代码,编译运行结果如下:nasm 3_pmtest1.asm -o pmtest1.bin,可以看到界面出现了红色的 p 字保护模式环境配置 1:在网 ...
win10 安装vue运行环境
卸载: C:\ProgramData\Microsoft\Windows\Start Menu\Programs\Node.js 点击uninstall node.js 1.下载node.js 2.安 ...
linux配置vscodec运行环境,Linux 下 VSCode c/c++环境配置
8种机械键盘轴体对比本人程序员,要买一个写代码的键盘,请问红轴和茶轴怎么选? 切换中文安装完成的VSCode是英文的,作为一个英文不好的中国人,我还是喜欢看中文的接口. 点击左侧的会进入扩展商店 ...

【前端】vue运行环境和编辑器VScode安装

vue运行环境

Vue安装

安装node环境

vue安装

VSCode安装

总结

【前端】vue运行环境和编辑器VScode安装相关推荐

最新文章

热门文章