vscode中搭建vue.js(代码片段)

hkmblogs hkmblogs     2022-12-11     691

关键词:

一. 首先安装node环境,并配置:

   地址:https://nodejs.org/en/

安装完成后执行:node --version 

技术图片

在这里我安装的是:12.2.0版本

二、安装Git

        直接到以下地址 https://git-scm.com/download/win下载安装Git,安装完成后找到bin路径,将路径添加单PATH中,

保存返回,CMD中运行 git --version 确认安装是否成功,在这里我安装的是2.21.0版本。

技术图片 

三、安装npm环境

在旧版本中没有集成安装npm,在新版本中已经安装npm

  可以通过如下命令升级npm

npm install npm -g

当没有安装npm时,我们可以通过命令

        git clone --recursive git://github.com/isaacs/npm.git 安装npm,在安装之前需将node和Git加入环境中

技术图片

在这里我安装的是

技术图片

测试安装情况:

技术图片

四、vue环境得到安装和配置

     执行命令:cnpm install -g vue-cli

     创建vue项目并且初始化:vue init webpack my-project

然后通过vscode软件打开项目

     如下:

技术图片

安装依赖:cnpm install

启动项目:cnpm run dev

浏览器打开结果如下:

技术图片

 

 

 

 

 


 

json在vscode中配置文件调试器vue.js应用程序(代码片段)

查看详情

如何在vscode中搭建qt开发环境(代码片段)

前言VSCode高大上的界面、爽到不行的智能联想和庞大的插件市场,着实让人对他爱不释手。虽然可以更改QtCreator的主题,但是QtCreator的代码体验实在差劲。下面就来看看如何在VSCode中搭建Qt开发环境。安装插件工欲善其事,必先... 查看详情

使用vscode配置简单的vue项目(代码片段)

...文档做了一些简单的练习。今天技术主管说让大家熟悉下VSCode开发vue,所以自己摸索了好久,才算是把简单的项目配置成功了。后续还得自己多了解这方面的知识。想着怕时间长了自己会忘记,所以写下来也供有需要的人一起学... 查看详情

vscode调试golang环境搭建及配置(代码片段)

准备VSCode在官网下载最新版的VSCode:安装Golang插件打开扩展面板VSCode->查看->扩展找到Go插件在搜索框里输入Go,找到第二行写有RichGolanguagesupportforVisualStudioCode的插件,点击安装注意不是排名最高的重启编辑器配置启动项打开调试... 查看详情

由搭建vue.js了解webpack,vue-loader和热重载(代码片段)

译文地址Vue.jsbuildset-upfromscratchwithwebpack,vue-loaderandhotreload正文Vue.JS 是我现在最喜欢的JavaScript视图库,在这篇文章中,我将向你解释如何使用Vue.JS、热模块修改、webpack以及整个vue生态系统建立一个项目,这样你就能更... 查看详情

04-vscode搭建cmake的编译环境(代码片段)

vscode+mingw搭建C/C++环境系列01.vscode+mingw搭建编译调试环境02-vscode编译调试单个源文件程序03-vscode编译调试多个源文件程序04-vscode搭建cmake的编译环境文章目录一、简述二、vscode搭建cmake的编译环境(方法1)1.配... 查看详情

vue.js使用vue-cli搭建一个spa项目(代码片段)

...脑,想在网上搜个接地气的教程都找不到。SO,我以如何搭建结构为开始,向想入门vue的童鞋们把我仅有的力量贡献出来,随后我会持续更新vue如何与ui框架结合使用;在低版本ie如何运用vwjs将其打包为桌面应用以及我在实际开... 查看详情

用vscode开发vue应用[转](代码片段)

https://segmentfault.com/a/1190000019055976 现在用VSCode开发Vue.js应用几乎已经是前端的标配了,但很多时候我们看到的代码混乱不堪,作为一个前端工程师,单引号双引号乱用,一段有分号一段没有分号,有的地方有逗号有的地方没... 查看详情

vscode搭建docker环境(代码片段)

...云开源镜像站前言本环境通过使用VMware在Ubuntu20.04下通过VScode搭建docker环境,可通过远程连接容器进行开发。(仅作参考)一、环境准备VMware15pro,Ubuntu20.04,VScode(Linux版本)虚拟机搭建过程略。二、搭建步骤1.安装docker官方安... 查看详情

如何搭建vue框架-1(代码片段)

...建之前需要安装所需要的环境和工具,个人推荐使用VSCode。一、vue是什么?vue是一款用于构建用户界面的JavaScript框架。它基于标准HTML、CSS和JavaScript构建,并提供了一套声明式的、组件化的编程模型,帮助你高效... 查看详情

esp32开发:搭建windows开发环境--vscode操作(代码片段)

...CMD中进行编译失败。从log信息看是加密问题导致的。我的vscode是在加密白名单的,所以这一篇测试下VSCode环境。在ESP32的官方文档中有相关的说明–VSCo 查看详情

第一章vue的环境搭建(代码片段)

首先安装WebStorm,完事打开 CreateNewProject->Vue.js 出现红字,没有安装nodejs。so安装一下,简单的next就可以了。 因为我之前安过了vue-cli了,所以vue没有报错。或者出来了vue.js的选项所以如果没有出现vue.js或者这个出红字... 查看详情

vscode搭建x264源码调试环境(代码片段)

...2642.使用上一节介绍的方法为x264生成支持debug的x264.exe3.在VSCode中打开x264源码文件夹4.创建并配置launch.json4.1创建launch.json4.2配置launch.json 查看详情

vscode搭建x264源码调试环境(代码片段)

...2642.使用上一节介绍的方法为x264生成支持debug的x264.exe3.在VSCode中打开x264源码文件夹4.创建并配置launch.json4.1创建launch.json4.2配置launch.json 查看详情

使用vue-cli搭建vue.js项目(代码片段)

...后,在生成文件夹下cmd输入npmrundev启动前端一般使用vscode比较方便 查看详情

使用vue-cli搭建vue.js项目(代码片段)

...后,在生成文件夹下cmd输入npmrundev启动前端一般使用vscode比较方便 查看详情

vue.js项目的开发环境搭建与运行(代码片段)

写作背景:手上入一个用Vue框架写的微信公众号项目,根据公司安排,我负责项目源代码的验收工作(当然专业的工作检测会交给web开发人员,我只是想运行起来看一看)。1开发环境安装步骤:(一)安装node.js(JavaScript运行环... 查看详情

运行首个vscode搭建的c++示例程序(代码片段)

首个VSCode搭建的C++示例程序搭建视频教程在VSCode搭建C/C++环境【秒杀VisualC++/DevC++]示例程序#include<iostream>usingnamespacestd;intmain()stringstr_1,str_2;cout<<"helloworld!"; 查看详情