源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

Vue2.0 从零开始_环境搭建操作步骤

  • 时间:2022-10-23 19:26 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:Vue2.0 从零开始_环境搭建操作步骤
简要:继项目空闲后,开始着手vue的学习;为此向大家分享其中的艰辛和搭建办法,希望能够跟各位VUE大神学习探索,如果有不对或者好的建议告知下;*~*! [b]一、什么是VUE?[/b] [b]是一种node.js框架,特点如下:[/b] [b]1.数据绑定[/b] (特性:双向绑定;一旦发生变化,Dom节点实时更新;PS:尽量抛弃JQ,次特点已经可以解决很多特效等问题) [b]2.组件化[/b](比如:乐高积木一样通过互相引用而组装起来) [b]二、开发环境[/b] [img]http://files.jb51.net/file_images/article/201706/20170614093205.jpg[/img] [b]三、环境搭建[/b] [b]1. 包管理器安装[/b] (1) [url=https://brew.sh/]Homebrew[/url]安装 (mac 环境,win无法安装)
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
(2) node.js安装(win下前往[url=https://nodejs.org/en/]node.js官网安装[/url]即可)
brew install nodejs  (mac 环境)
[b]2. 相关安装指令[/b] (1) 淘宝镜像(当npm下载相关扩展超时,最为快捷)
npm install -g cnpm --registry=https://registry.npm.taobao.org // 注册淘宝镜像 npm替换成cnpm使用即可
(2) 安装webpack
cnpm/npm install webpack -g
(3) 安装vue脚手架
cnpm/npm install vue-cli -g
(4) 初始化项目
vue init webpack 项目名字
(5) 安装项目依赖 (添加依赖或者删除时,须重新安装)
npm install
(6) 运行开发环境
npm run dev
(6) 运行运营环境
npm run build
[img]http://files.jb51.net/file_images/article/201706/2017061409264087.png[/img] 以上这篇Vue2.0 从零开始_环境搭建操作步骤就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程素材网。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部