vscode搭建vue环境完整图文教程(适合新手小白)

最新推荐文章于 2024-06-06 16:19:27 发布
最新推荐文章于 2024-06-06 16:19:27 发布
阅读量2.3k 收藏 18
点赞数 11
文章标签： javascript vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kaida1234/article/details/135507334
版权
水军总督
关注
  • 11
    点赞
  • 踩
  • 18
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
VSCode搭建Vue项目的方法
10-15
主要介绍了VSCode搭建Vue项目的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vsCode搭建vue环境,（亲身经历，真实可靠）
qq_65255086的博客
02-02 628
6.我建议切换到D盘，尽量不要装在C盘，因为vue的文件比较大，如果要改盘的话，直接输入D：回车就可以直接改盘。然后我们开始创建新的项目输入命令：vue init webpack my-vue 回车，my-vue是我自己的文件夹的名字，（建议项目名称不要大写不然会报错，听别人说的我没试过哈），输入之后就一直回车，直到出现‘’是否要安装vue-router‘’，这个我们在项目要用到，所以就输入y 回车就好。5.输入Vue - V,显示版本号表示安装成功。4.安装完后输入Vue，显示信息即可。
VS code上创建Vue项目详细化教程1-配置VScode与Vue
最新发布
Charles_Clark的博客
06-06 2091
VS code上创建Vue项目详细化教程1-配置VScode与Vue
vscode配置vue框架环境
qq_43645067的博客
02-27 1268
3、配置node环境，在node安装目录下创建node_global和node_cache文件和mode_modules文件层级一致，在cmd中输入一下命令不报错说明成功。用户变量中，path中添加node_global和node_cache(node缓存文件夹)两个文件的路径。即可查看安装的node版本，如果按照上述安装步骤不显示node版本，则重新打开vdcode即可。4、建立新的文件夹，vscode打开文件夹，在终端检查noed.js是否配置成功 输入。，可以安装cnpm，接着可以。
VSCode Vue 开发环境配置
ShadyPi的IT笔记
11-28 714
前端开发之Vue起步
使用VSCode配置简单的vue项目
baiyongliang
08-21 1053
由于最近要使用的项目框架为前后端分离的，采用的是vue.js+webAPI的形式进行开发的。因为之前我没有接触过vue.js，也只是通过视频文档做了一些简单的练习。今天技术主管说让大家熟悉下VSCode开发vue，所以自己摸索了好久，才算是把简单的项目配置成功了。后续还得自己多了解这方面的知识。想着怕时间长了自己会忘记，所以写下来也供有需要的人一起学习。 一.配置环境 1.1下载VSCode,官网直接下载就行。https://code.visualstudio.com/Download 1.2汉化..
用VScode运行Vue项目详细全过程（node.js环境的配置）
热门推荐
D_gloria的博客
07-13 5万+
在用VScode运行Vue项目前，我们需要先配置node.js环境，就类似于使用eclipse前需要配置Java环境的这个过程。 一、安装node.js并配置环境变量 1、安装 从官网下载安装包，解压到指定位置，就相当于安装完成了。然后在解压后的目录下新建node_global和node_cache这两个文件夹。 node_global：npm全局安装位置 node_cache：npm缓存路径 2、配置环境变量 ......
搭建vscode+vue环境的详细教程
10-14
主要介绍了搭建vscode+vue环境的详细教程,本文通过图文并茂的形式给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
Vue环境搭建+VSCode+Win10的详细教程
11-19
一、安装Node.js（js的运行环境） 1.在Node.js官网https://nodejs.org/en/download/ 下载安装包。 2.下载后进行安装。 3.打开命令行，输入node -v可以查看到版本号。输入npm –v可看到npm版本号。 新版的Node.js已...
VSCode搭建Vue Element Admin的项目环境
04-11
VSCode搭建Vue Element Admin的项目环境 版本： node：v18.20.2 npm:：10.5.0 git：2.19.1 vue-element-admin：https://panjiachen.gitee.io/vue-element-admin-site/zh/
VUE脚手架安装教程
weixin_63639665的博客
03-01 1422
vue脚手架的安装
VSCode配置vue开发环境
qq_21875331的博客
12-10 7995
1、官网https://code.visualstudio.com/Download下载最新版 下载zip，为免安装版本，直接解压即可，然后进入解压文件夹，点击Code.exe 双击即可运行。 2、安装vue所需插件 （1）、打开软件，使用快捷键，Shift+Ctrl+p 安装中文插件，选择Configure Display language， 然后选择Install additi...
mac的vscode配置vue项目环境
叮当的猫猫的博客
07-26 5028
搭建vue项目
vscode+vue 框架搭建
weixin_30726161的博客
04-03 258
第一步： 安装node.js，官方下载地址:https://nodejs.org/en/ 安装完成之后打开cmd：node -v 查看版本（npm一体的，可以直接查看），显示下图安装成功 第二步： 安装淘宝镜像：npm install -g cnpm --registry=https://registry.npm.taobao.org 第三步： 安...
vscode与vue/react环境配置
xiaobai178的博客
02-23 1022
执行命令create-react-app my-react-project (my-react-project是项目的名称，这条命令会新建my-react-project目录，并且生成package.json，安装相关的react,react-dom等依赖)因为在执行例如npm install webpack -g等命令全局安装的时候，默认会将模块安装在C:\Users\用户名\AppData\Roaming路径下的npm和npm_cache中，不方便管理且占用C盘空间，所以进行以下操作进行修改。
使用VSCode创建Vue+ElementPlus前端项目准备工作
neveris2的博客
04-16 658
使用VSCode创建Vue+ElementPlus前端项目准备工作，适用于初学者
前端-VScode安装和使用(1)
2401_84447149的博客
04-27 365
安装服务器Liver server。类似于tomcat,可以模拟出tomcat类似效果。安装 vetur。vue开发工具，安装后更方便vue的使用。vue-helper。方便vue操作注意：插件安装完成后需要重启vscode2.2、设置字体大小左边栏 管理-> 设置-> 搜索 “font” -> Font size修改完后ctrl+s保存。2.3、开启完整的Emmet语法支持设置中搜索 Emmet：启用如下选项，必要时重启vs3、创建项目3.1、创建空的文件夹。
使用vs Code从0开始搭建一个vue项目(手把手教会你，包会)
Henry956595421的专栏
03-19 2151
准备工作: //提前安装node.js 下载地址https://nodejs.org/zh-cn/，然后一步一步傻瓜式安装即可; 在console控制台使用node -v, npm -v, 如果正常显示版本, 就是安装成功。 //全局安装vue-cli, 已经安装了, 就跳过这一步; npm install -g vue-cli //解决npm安装慢的...
基于vscode的vue开发环境搭建
qq_16054979的博客
04-24 1378
第一步：安装node.js 打开node.js的官网下载地址：http://nodejs.cn/download/ 选择适合自己系统的安装包，本文以windows x64系统为例，下载msi安装包，下载安装包后正常安装，可以在安装过程中更换默认安装路径，安装后，打开cmd，分别输入以下指令验证是否成功，显示版本号即为正常安装，其余为异常情况。 >>node -v >>npm -v 第二步：配置node.js和npm环境变量 安装好之后，对npm安装的全局模块所在路径以及缓存所在路径，
vscode搭建vue开发环境
05-27
好的，以下是在VS Code中搭建Vue开发环境的步骤： 1. 先安装Node.js，可以从官网下载安装包进行安装。安装完成之后，在命令行中输入`node -v`和`npm -v`，来确认是否安装成功。 2. 安装Vue CLI，打开命令行，输入`npm install -g @vue/cli`，等待安装完成。 3. 在VS Code中安装Vue插件，可以在扩展中心直接搜索安装。 4. 创建Vue项目，打开命令行，输入`vue create [projectName]`，其中`[projectName]`是你想要创建的项目名称。根据提示选择所需的配置即可。 5. 在VS Code中打开刚刚创建的项目文件夹，就可以开始Vue开发啦！ 希望这些步骤能够帮到你。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值