vue.js开发环境搭建

Ruthless      2022-02-10     673

关键词:

1、安装node.js,忽略

2、基于node.js,利用淘宝npm镜像安装相关依赖
在cmd里直接输入:npm install -g cnpm –-registry=https://registry.npm.taobao.org,回车,等待安装...

3、安装全局vue,用于帮助搭建所需的模板框架
在cmd里,
1).输入:cnpm install -g vue-cli,回车,等待安装...
2).输入:vue -V,回车,若出现vue信息说明表示成功

4、创建vue项目
在cmd里输入:vue init webpack vue_test(项目文件夹名),回车,等待一小会儿,依次出现‘git’下的项,可按下图操作

5.安装依赖
在cmd里,
1).输入:cd vue_test(项目名),回车,进入到具体项目文件夹
2).输入:cnpm install,回车,等待一小会儿

回到项目文件夹,会发现项目结构里,多了一个node_modules文件夹(该文件里的内容就是之前安装的依赖)

基于vue-cli创建的默认项目结构如下图所示:

6.测试环境是否搭建成功
方法1:在cmd里输入:cnpm run dev
方法2:在浏览里输入:localhost:8080(默认端口为8080)

运行起来后的效果如下图所示:

至此,vue.js开发环境搭建完毕。

vue.js开发环境搭建以及创建一个vue实例

...界面的渐进式框架。Vue只关注视图层,采用自底向上增量开发的设计。Vue的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。在使用vue.js之前首先需要搭建vue.js的开发环境,下面,我们就来一步一步的搭建vue.js... 查看详情

vue.js开发环境搭建

1.安装node.js(http://www.runoob.com/nodejs/nodejs-install-setup.html)2.基于node.js,利用淘宝npm镜像安装相关依赖 在cmd里直接输入:npminstall-gcnpm–registry=https://registry.npm.taobao.org,回车,等待安装...3.安装全局vue-cli脚手架,用于帮助搭 查看详情

1vue.js开发环境搭建

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

windows下vue.js开发环境搭建教程

这篇文章主要为大家详细介绍了windows下vue.js开发环境搭建教程,具有一定的参考价值,感兴趣的小伙伴们可以参考一下最近,vue.js越来越火。在这样的大浪潮下,我也开始进入vue的学习行列中,在网上也搜了很多教程,按着教... 查看详情

vue.js:搭建开发环境及构建项目

 发环境的搭建安装node.js直接下一步就好,注意安装的位置 Node.js官网:https://nodejs.org/en/验证Node.js是否安装好,在windows下,win+r召唤出运行窗口,输入cmd打开命令行窗口。输入node-v即可得到对应的Node.js版本。 npm包管... 查看详情

vue.js开发环境搭建

一、NODEJS的安装Node.js安装包及源码下载地址为:https://nodejs.org/en/download/。 二、NODE.JS的环境变量的新建。   其实安装完node,就自动在path里增加环境变量,但是为了以后的本地部署项目,我们需要找到node.js的安装... 查看详情

vue开发(开发环境+项目搭建)

...框架。与其他重量级框架不同的是,Vue采用自底向上增量开发的设计。Vue的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue完全有能力驱动采用单文件组件和Vue生态系统支持的库开发... 查看详情

vue.js开发环境搭建(安装过程遇到的问题)

    网络上关于Vue.js的安装过程有很多介绍,这里不多赘述,这里只是记录自己安装过程和遇到的问题   1首先安装node.js 到官网下载node.js安装包,安装过程和一般软件没有区别。安装完成后到终端查... 查看详情

window下搭建vue.js开发环境

一、安装node.js。https://nodejs.org/en/download/ 最新包会自动安装npm二、安装完node之后,npm包含的很多依赖包是部署在国外的,在天朝,大家都知道下载速度是超级慢啊。所以我们要安装cnpm,cnpm是淘宝对npm的镜像服务器,这样依... 查看详情

基于webpack的vue.js开发环境快速搭建

1.安装nodenode下载地址2.安装淘宝NPM镜像命令地址3. 安装vue#全局安装vue-clicnpminstall-gvue-cli4. 创建一个基于"webpack"模板的新项目#创建一个项目文件夹,在文件夹下shift+右键,选择在此处打开cmdvueinitwebpack5.安装依赖#安装依赖c... 查看详情

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

...责项目源代码的验收工作(当然专业的工作检测会交给web开发人员,我只是想运行起来看一看)。1开发环境安装步骤:(一)安装node.js(JavaScript运行环境runtime)从node.js官网下载并安装node,安装过程很简单,一路“下一步&r... 查看详情

windows下搭建vue开发环境

...架”。与其他重量级框架不同的是,Vue采用自底向上增量开发的设计。Vue的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。2016年,Vue同Angular、React形成三足鼎立的局面,让前端的开发者顾不暇接... 查看详情

vue.js2.0:如何搭建开发环境及构建项目

1,安装node.jsNode.js官网:https://nodejs.org/en/进入Node.js官网,选择下载并安装Node.js。安装过程只需要点击“下一步”即可,如下图,非常简单。验证Node.js是否安装好,在windows下,win+r召唤出运行窗口,输入cmd打开命令行窗口。输... 查看详情

在window下搭建vue.js开发环境(转)

 nodejs官网http://nodejs.cn/下载安装包,无特殊要求可本地傻瓜式安装,这里选择2017-5-2发布的v6.10.3cmd命令行:node-v//显示node版本v6.10.3npm-v //显示npm包管理器版本3.10.10由于有些npm有些资源被屏蔽或者是国外资源的原因,经常... 查看详情

vue入门环境搭建

公司项目要用vue.js来开发,要使用vue来开发前端框架,首先要有环境,所以给大家介绍一下如何搭建vue环境。其实很简单:1.首先下载安装node.js。  去官网https://nodejs.org/zh-cn/下载安装包。2.安装webpack  打开cmd命令界面,输... 查看详情

vuejs之开发环境搭建

...,使得我们能够快速地上手并使用,特别适合单页应用的开发。Vue.js是数据驱动的,它通过一些特殊的语法,将DOM和数据绑定起来,无需手动操作DOM。一旦创建了绑定,DOM将和数据保持同步,每当变更了数据,DOM也会相应 查看详情

搭建vue开发环境

...框架。与其他重量级框架不同的是,Vue采用自底向上增量开发的设计。Vue的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue完全有能力驱动采用单文件组件和Vue生态系统支持的库开发... 查看详情

开发环境搭建

...师已经在虚拟机里面安装好了。老师希望学生专注于后端开发,在其他方面会尽可能的给大家带来方便。  查看详情