vue2.0新手入坑环境搭建

晚秋 晚秋     2022-09-01     780

关键词:

 

重大福利

 

阿里云服务器优惠  https://www.aliyun.com/1111/home?userCode=n9v6urcn

 

vue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 项目,GitHub地址是:https://github.com/vuejs/vue-cli

 

一、 安装 node.js

首先需要安装node环境,可以直接到中文官网http://nodejs.cn/下载安装包。

只是这样安装的 node 是固定版本的,如果需要多版本的 node,可以使用 nvm 安装http://blog.csdn.net/s8460049/article/details/52396399

安装完成后,可以命令行工具中输入 node -v 和 npm -v,如果能显示出版本号,就说明安装成功。

 

二、安装 vue-cli

 

npm install -g vue-cli

  之前早就安装好的。。。。

 

 三、生成项目

vue init webpack Vue-Project

  

 webpack 是模板名称,Vue-Project 是自定义的项目名称,命令执行之后,会在当前目录生成一个以该名称命名的项目文件夹

 

这样就OK了

配置完成以后开始安装项目依赖。

npm install

然后启动项目

npm run dev

 

 

 

 

 

 

 

 

 

出现这个效果就说明搭建成功了,

 

新手嘛,先学习下vue2.0新手入门—从环境搭建到发布

Vue2.0新手入门—从环境搭建到发布转自:http://www.runoob.com/w3cnote/vue2-start-coding.html具体文章详细就不搬了,步骤可过去看,我这就写下使用总结1.Vue2.0推荐开发环境中一些安装就不说了Node.js 、npm 、webpack 、vue-cli ,... 查看详情

vue2.0新手入门—从环境搭建到发布

Jinkey原创感谢 showonne、yubang 技术指导Demo地址:http://demo.jinkey.io/vue2源码:https://github.com/Jinkeycode/vue2-example什么是VueVue是一个前端框架,特点是数据绑定比如你改变一个输入框Input标签的值,会自动同步更新到页面上其他绑定... 查看详情

vue2.0新手入门—从环境搭建到发布(代码片段)

 什么是VueVue是一个前端框架,特点是数据绑定比如你改变一个输入框Input标签的值,会自动同步更新到页面上其他绑定该输入框的组件的值 组件化页面上小到一个按钮都可以是一个单独的文件.vue,这些小组件直接可以像... 查看详情

vue2.0新手完全填坑攻略——从环境搭建到发布

 本文作者Jinkey(微信公众号jinkey-love,官网https://jinkey.ai)原文链接https://jinkey.ai/post/tech/vue2.0-xin-shou-wan-quan-tian-keng-gong-lue-cong-huan-jing-da-jian-dao-fa-bu文章允许非篡改署名转载,删除或修改本段版权信息转载的,视为侵犯知识产... 查看详情

vue2.0新手完全填坑攻略—从环境搭建到发布

1.vue是一个前端框架  特点:    1.数据绑定(在页面上进行输入inputv-model=‘msg’,绑定到页面代码msg:‘hello’,js的变动绑定到页面上{{msg}},)    2.组件化    3.灵活的指令、操作页面。它本身强调的是组件化... 查看详情

vue2.0环境搭建

系统:windows1.从node官网上下载相应的node,安装成功即可。2.安装成功之后查看node和npm的版本号node-vnpm-v3.安装webpackcnpminstallwebpack-g4.安装vue脚手架npminstallvue-cli-g5.找到空文件夹,根据模板创建项目vueinitwebpack-simple工程名字<工程... 查看详情

vue_使用npm搭建vue2.0脚手架开发环境

前言:  在使用vue进行开发时需要搭建vue的运行环境,这里主要是使用淘宝镜像cnpm进行搭建vue的脚手架开发环境。主要是分为mac和window两个版本,两个环境的搭建都是大同小异。 mac开发环境的搭建:1.安装Node.js(这个只... 查看详情

容易上手搭建vue2.0开发环境(代码片段)

    第一步:安装node 前端开发框架和环境都是需要Node.js,先安装node.js开发环境,vue的运行是要依赖于node的npm的管理工具来实现,下载https://nodejs.org/en/,安装完成之后,打开cmd开始输入命令。(我用的是win10... 查看详情

vue2.0入坑教程—实战案例

前言:下面我们将一起来学习制作一个简单vue的实战案例。说明:默认我们已经用vue-cli(vue脚手架或称前端自动化构建工具)创建好项目了一、项目说明ps:这个简单小项目只提供一个小小小的骨架,需要向“它”身上具体加多... 查看详情

vue2.0组件之间的传值--新入坑,请指教

propdown emitup  嘿嘿  如果是第一次接触vue2.0组件传值的肯定很疑惑,这是什么意思(大神总结的,我也就是拿来用用)“down”—>指的是下的意思,即父组件向子组件传值,用props;“up”—>指的是上的意思... 查看详情

新手入坑java的开发语言环境

开发java程序的环境1.下载jdk,从官网下载或从可靠渠道下载2.安装jdk,jdk包括jre,把jdk和jre安装到相同的父级文件目录中3.配置系统环境变量path,把jdk中的bin目录添加到path变量中,应该与其他路径以分号相分隔4.编写Hello.txt源文... 查看详情

vue2.0史上最全入坑教程(下)——实战案例

前言:经过前两节的学习,我们已经可以创建一个vue工程了。下面我们将一起来学习制作一个简单的实战案例。说明:默认我们已经用vue-cli(vue脚手架或称前端自动化构建工具)创建好项目了一、项目说明ps:这个简单小项目只... 查看详情

入坑系列----solr环境搭建

什么是Solr?Solr是apache的顶级开源项目,它是使用java开发,基于lucene的全文检索服务器。Solr和Lucene的区别?Lucene是一个全文检索引擎工具包,它只是一个jar包,不能独立运行,对外提供服务。Solr是一... 查看详情

本科生学深度学习,搭建环境,再不入坑就晚了(代码片段)

目录1、目的2、心理准备3、IDE的选择4、AI框架的选择5、安装环境6、总结        最近没怎么写游戏了,一直在写python,是因为我对深度学习感兴趣,想学习一下,同时也觉得AI是未来,所以去学习了一段时... 查看详情

本科生学深度学习,搭建环境,再不入坑就晚了(代码片段)

目录1、目的2、心理准备3、IDE的选择4、AI框架的选择5、安装环境6、总结        最近没怎么写游戏了,一直在写python,是因为我对深度学习感兴趣,想学习一下,同时也觉得AI是未来,所以去学习了一段时... 查看详情

从入坑到不放弃-----centos7系统软件安装方法及网站环境搭建

我们在使用linux系统时,当我们掌握了基础的命令之后,我们的系统还需要一个很重要的东西,也就是软件,在windows系统中,我们可以通过简单的方法在系统里安装各种想使用到的软件,但是在linux系统中... 查看详情

vue2.0组件之间通信

...们就来聊一聊平级组件之间的通信。首先我们先搭好开发环境,我们先得装好git和npm这两个工具(如果有不清楚的同学请自行百度哦)环境搭建步骤:打开git,运行npminstall--globalvue-cli这是安装vue的命令行vueinitwebp 查看详情

vue.js系列之项目搭建(vue2.0+vue-cli+webpack)

1、安装nodenode.js环境(npm包管理器) cnpmnpm的淘宝镜像从node.js官网下载并安装node,安装过程很简单,一路“下一步”就可以了(傻瓜式安装)。安装完成之后,打开命令行工具,输入node-v,如果出现相应的版本号,则说明安装... 查看详情