当前位置：移动技术网 > IT编程>网页制作>CSS > vue 项目实战 (入门)

vue 项目实战 (入门)

2018年09月26日 | 移动技术网IT编程 | 我要评论

环境搭建

安装nodejs →箭头

npm是随同nodejs一起安装的包管理工具。

检查环境是否安装成功：

打开一个命令提示符，有成功输出版本号则为安装成功。

//检查node 版本号

node -v 

//检查npm版本号

npm -v

安装vue

npm install vue

新建项目

vue init webpack vueproject

//新建项目的同时会给你安装好相关的项目依赖，等执行完后直接运行便可，一般情况下在githut下载下来的项目需要先执行 npm install 安装项目依赖先。再运行项目

运行项目

npm run dev

跑起来后浏览器打开

好了，就这样基本上环境什么的ok了。

此随笔乃本人学习工作记录，如有疑问欢迎在下面评论，转载请标明出处。

如果对您有帮助请动动鼠标右下方给我来个赞，您的支持是我最大的动力。

您可能感兴趣的文章:

如对本文有疑问，点击进行留言回复！！

2020-08-09

项目介绍，这是一个unity阅读器的项目，模仿生活中的书籍，githup链接：Ui介绍：登录界面：整体色调为蓝色... [阅读全文]
margin能做什么（css前端编程margin详细分析）

hello，大家好我是margin，经常有小伙伴把我跟我的兄弟padding搞混，下面我就详细的说一下我的主要工... [阅读全文]
CSS动态条形加载条效果的示例代码

运用了css变量的知识，直接上代码及其我加的注释<!doctype html><html> <head> <m... [阅读全文]
CSS3实现线性渐变用法示例代码详解

前言演示下太老版本浏览器的渐变实现了[ie9-];ie9以前,渐变都是通过滤镜实现的,大体的写法就是这样;.testdiv {width:400px;heigh... [阅读全文]
CSS中的两个特殊值用于控制层叠的inherit和initial的方法

在css中有两个特殊值可以赋给任意属性，用于控制层叠：inherit和initial。我们来看看这两个特殊值。使用inherit关键字有时，我们想用继承代替一个... [阅读全文]
CSS3 input框的实现代码类似Google登录的动画效果

用css3将input框写出类似google登录页面的动画效果效果一代码如下cssbody{ background-color:#acacac; } ... [阅读全文]
CSS 容器背景 10 种颜色渐变Demo（linear-gradient()）

语法background: linear-gradient(direction,color-stop1,color-stop2,...); directi... [阅读全文]
纯CSS3+DIV实现小三角形边框效果的示例代码

具体代码如下所示：html代码是这样的<div class="arrow-up"> ... [阅读全文]
详解CSS文件中的4种引入方式:行内,内联式,外部式,导入式

css引入方式-行内式通过 style这个标签属性,将css键值对直接写入标签内<p style="width: 100px;height: 1... [阅读全文]
css 类似于360安全体检的动画

<div class="containertj"> <div class="status... [阅读全文]

网友评论


验证码：