vue安装过程

摘要:
3---npminstall gvue cli构建工具4---vueinitwebpackfirstVue此命令表示初始化项目。然后,您将创建一个新的文件夹firstVue5——安装路径下的安装依赖包。找到您的文件夹并输入cnpminstall。安装完成后,另一个vu devtools主文件夹将出现在我们的文件夹中。6-然后可以运行命令npmrundev。如果命令成功运行,浏览器将自动打开localhost:8080

我们3个安装参考的博客地址

http://blog.qianduanchina.cn/post/596c5bb27838a71273eb4da3


http://blog.csdn.net/unamattin/article/details/53543263
https://www.cnblogs.com/tanyongli/p/7554045.html

vue安装过程第1张

首先就是去官网安装从node.js官网下载并安装node

安装完成之后去运行哪里输入cmd会出现一个命令提示符点击进去

vue安装过程第2张

 确认安装可以输入node -v

1---npm -v 会显示出对应得版本信息就安装成功了。

2---然后安装淘宝镜像在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org 然后等待,安装完成如下图。vue安装过程第3张

3---npm install -g vue-cli 构建工具

4---vue init webpack firstVue这个命令的意思就是初始化一个项目。

vue安装过程第4张

然后就会在你安装的路径下新建一个文件夹firstVue

5--安装依赖包找到你的文件夹然后输入cnpm install

安装完成之后我们的文件夹里又会多出一个vu-devtools-master文件夹。

vue安装过程第5张

6---然后就可以运行命令 npm run dev

vue安装过程第6张

运行成功浏览器会自动打开localhost:8080显示下图

前提先打开phpstudyvue安装过程第7张

免责声明:文章转载自《vue安装过程》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇在浏览器上开发GO和Vue!(基于code-server)kvm网络管理下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Vuex入门(5)—— 为什么要用Action管理异步操作

Action 类似于 mutation,不同在于: 1.Action 提交的是 mutation,而不是直接变更状态。 2.Action 可以包含任意异步操作。 官方给的定义我没什么意见,事实上我通过mutation异步操作,好像跟用action管理也没什么区别。关于为什么要用Action管理异步操作,我会通过一个简单的例子和一个复杂的例子来进行说明,事实...

vue实例获取当前系统时间

vue实例获取当前系统时间 效果图:  代码: <template> <div class="home1-3-1 clearfix"> <span>{{ nowDate }}</span> <p> <em>{{ nowYear }}.{{ no...

vue-cli3.0和element-ui及axios的安装使用

一、利用vue-cli3快速搭建vue项目 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。有三个组件: CLI:@vue/cli 全局安装的 npm 包,提供了终端里的vue命令(如:vue create 、vue serve 、vue ui 等命令) CLI 服务:@vue/cli-service是一个开发环境依赖。构建于 web...

vue项目中,不需前端编译打包,随时修改维护数据

项目中遇到一个需求,基于某些原因,需要后端手动上传图片,然后给出图片地址,然后替换vue项目里的图片地址。打算让后端人员来维护,但是不可能让他们去项目里找到想要的模块,然后替换相应的地址;于是想到的解决办法就是,前端提供一个静态文件(config.js),里面是所有需要替换的图片地址。 一开始是在.vue文件里import该文件,但是每次build打包后,...

vue3.x 中获取dom元素

vue3.x的语法虽然和vue2 比没法发生什么变化,但是在写法上发生了很大的变化 在vue2中我们可以通过this$refs.['XX'] 获取dom 元素,但是在vue3.x中已经舍弃了refs,下面就是vue3中获取dom 元素 1.为节点添加一个 ref 名称2.创建 ref 响应式常量并且与 DOM 节点名称一致 ,且值为 null3.在 mou...

前端框架Vue自学之Vue CLI(五)

终极目标:掌握和使用Vue(全家桶:Core+Vue-router+Vuex) 本博客目的:记录Vue学习的进度和心得(Vue CLI) 内容:学习和使用Vue CLI2 和 Vue CLI3。如果了解webpack如何一步步配置的,建议可以先看我的前一个博客:前端框架Vue自学之webpack(四)。 正文: Vue CLI 一、Vue CLI 1、前言...