vue框架下的node.js安装教程

不苦不累,人生无味      2022-02-14     731

关键词:

Vue框架下的node.js安装教程

python服务器、php  ->aphche、java ->tomcat、   iis

    -->它是一个可以运行JAVASCRIPTR 的运行环境

    -->它可以作为后端语言(websocket \ )

    --强大的包管理工具npm,可以使用它安装插件

    -->VUE框架是基于node.js平台运行的

    --->它是基于chrome浏览器的V8引擎,运行速度快,性能高效

    安装淘宝镜像:npm install cnpm -g --registry=https://registry.npm.taobao.org

第一步、点击:http://nodejs.cn/  看到的是一个中文的页面,如下图:

第二步、在页面中找到下载按钮,如下图:

第三步、在页面中选择操作系统以及多少位的,如下图:

第四步、下载完成后进行安装,我是下载的.zip文件,只需要找到文件的目录然后添加到环境变量中,如下图:

然后找到计算机右键点击-----》属性------》然后找到高级系统设置----》环境变量  -----》点击到path然后点击下边的编辑 ------》最后找到编辑系统变量

如下图:

然后使用英文的分号(;)进行隔开 ,然后把文件存放的路径复制到输入框中。

第五步、找到计算机的菜单按钮,然后在运行上输入cmd开启一个终端,在终端中输入:node -v

查看如果提示版本号,就表示已经安装成功。

 

通过脚手架生成VUE工程

  -->安装脚手架

      npm install vue-cli

  -->创建基于webpack模板的项目

     vue init webpack  myProject

  -->进入项目并安装依赖

      cd myProject

      npm install

      启动项目

      npm run dev

vue安装教程(代码片段)

...sp;3.安装  全局vue-cli脚手架,用于帮助搭建所需的模板框架,一台电脑全局安装一次即可1.cnpminstall-gvue-cli回车,等待安装...2.vue回车,显示vue的信息3.vue-V回车,显示vue的版本信息4.vuelist查看vue脚手架模板   查看详情

vue.js在windows10系统下的环境搭建

vue.js在windows10系统下的环境搭建流程1、安装node.js(node包含了npm包管理器)node.js安装包以及源码下载地址:https://nodejs.org/en/download/注意:使用安装包(.msi)(作为小白的我,直接用了.exe,导致环境变量都不会自动配置,真的... 查看详情

vue开发框架搭建(详细版)

环境搭建1、安装node.js:可以从官网下载各种系统下的安装包,地址:http://nodejs.cn/download/1)如果你是window系统,那简单了,直接下载.msi安装文件安装即可愉快的使用2)如果你是linux系统,那安装方式就很多了,具体可以参考:ht... 查看详情

vue安装教程(如何在node环境下搭建vue项目)

如果要配置node.js环境请查看(node.js环境在Window和Mac中配置,以及安装cnpm和配置Less环境)在终端输入命令cnpm-v出现版本号 1.安装vue  window:cnpminstallvue/Mac:sudocnpminstallvue2.安装vue-cli window:cnpminstall-gvue-cli/Mac:sudo 查看详情

vue安装教程(代码片段)

 转自:https://www.cnblogs.com/miller-star/p/6394760.html1.安装node.js(http://www.runoob.com/nodejs/nodejs-install-setup.html)2.基于node.js,利用淘宝npm镜像安装相关依赖 在cmd里直接输入:npminstall-gcnpm–registry=https 查看详情

vue框架的使用。

使用VUE首先需要下载安装一些列的环境。 第一步:  安装Node.js  下载并安装:node-v8.9.0-x64.msi第二步:  安装Vue脚手架:  cmd以管理员身份执行  npminstallvue-cli-g或者安装淘宝版cnpminstallvue-cli-g  vue-V 查看是... 查看详情

vue项目框架搭建

1、安装node.js直接百度搜索或者在其中文官网也可以下载http://nodejs.cn/download/ ,在安装完node之后npm包管理工具也自动的安装好,安装完之后,在命令行输入node-v或者npm-v,出现版本号说明安装成功。如下图所示: 2、改变... 查看详情

全网最新的vue.js下载和安装的3种方法(2023年)(代码片段)

...表CSS(CascadingStyleShets)JavaScript后端开发spring,mybatis等框架,我猜想前端也定有框架。果不其然,上网一搜,前端有vue,react,angularJs等。按照个人计划来看,先学习vue框架。工欲善其事,必先利其器... 查看详情

vue的入门之安装

  vue.js是前端框架中比较热门的,因为工作关系,也加入了浩浩荡荡的学习大潮中,用笔记记录下点滴,便于后面学习查阅!  1node.js环境的安装包(npm包管理器)  2vue-cli脚手架构建工具  3cnpmnpm的淘... 查看详情

一个简单的springboot+vue前后端框架搭建(代码片段)

...了一个简单的前后端分离的用户管理系统。该系统使用Vue框架编写前端代码,Springboot编写后端代码,Mysql作为数据库存储系统的数据。本文着重介绍整个项目的搭建流程以及附加一些在搭建过程的想法和注意事项。一、Vu... 查看详情

vue-cli2,vue-cli3(vue脚手架)超详细教程(代码片段)

文章目录vue-cli脚手架Node.js环境安装vue-cli2的安装npm,cnpm介绍安装脚手架用脚手架生成项目目录vue-cli3的安装使用vue-cli3图形界面vue-cli脚手架顾名思义,脚手架就是用来协助,配合,帮助构建一个项目的。使用vue-cl... 查看详情

vue-cli搭建项目

...官网上下载版本,直接安装, b.安装完成后,在window系统下的cmd中输入node-v和npm-v来查询是否安装成功,以及当前安装的版本号; 或者如果电脑安装了git,右击打开gitbash命令行中输入node-v和npm-v。 (2)安装vue-cli a.在命令行中输... 查看详情

node.js在linux下的安装

    简单说就是解压后,在bin文件夹中已经存在node以及npm,如果你进入到对应文件的中执行命令行一点问题都没有,不过不是全局的,所以将这个设置为全局就好了。?123cd node-v0.10.28-linux-x64/binls./node -v &... 查看详情

vue第1章:vue介绍与安装(代码片段)

...绍安装Vue一、Vue介绍Vue是一套用于构建用户界面的渐进式框架。Vue的核心库只关注视图层。是一个单页面框架,是基于模块化组件化的开发模式。 二、安装Vue1.安装node.jsnodejs目前使用nodejs最多的场景是前端构建工具,比如web... 查看详情

安装vue-lic

...命令,说明你还没有安装node,没有安装的话该博客vue目录下的第一个帖子提到过安装教程可参考(2)vue-cli是npm上的一个全局包,使用npminstall命令,即可方便的把它安装到自己的电脑上,使用管理员身份打开命令提示符:npminstall-g@v... 查看详情

vue的安装及使用快速入门

vue是一个JavaMVVM库,是一套用于构建用户界面的渐进式框架,是初创项目的首选前端框架。它是以数据驱动和组件化的思想构建的,采用自底向上增量开发的设计。它是轻量级的,它有很多独立的功能或库,我们会根据我们的项... 查看详情

vue3项目搭建教程(基于create-vue,vite,vite+vue)(代码片段)

...ig.ts配置一、搭建vue3项目前提条件前提条件熟悉命令行已安装16.0或更高版本的Node.js (1)、检查node和npm版本信息同时按window+R键,输入cmd,打开命令提示符窗口输入: node–v (查看本机安装的node版本) ... 查看详情

vue.js开发环境搭建

...,等待安装...3、安装全局vue,用于帮助搭建所需的模板框架在cmd里,1).输入:cnpminstall-gvue-cli,回车,等待安装...2).输入:vu 查看详情