小菜鸟vue入坑指南

vue是一款构建用户界面的渐进式框架，他是一款基于MVVM的框架，说到这里，简单说一下我们在设计软件的时候的思想，设计软件的时候是基于MVC的架构；

首先 M: Model：可以简单的理解为就是我的data中return回来的数据，v: view:是我的视图层，可以理解为我的template，而c：controller 可以理解为methods，就是将我的Model与view联系起来，这就是基于vue对mvc的理解；

首先，我们在电脑安装vue的环境配置：(基于vue-cli去搭建项目)

1.在电脑安装node，node官网地址： nodejs.org/zh-cn/ 直接傻瓜式安装操作；（检查是否安装成功： node -v;）

2.检查npm是否安装成功

3.然后全局安装vue-cil：npm install -g vue-cli（考虑到使用npm比较慢，大家可以安装淘宝镜像cnpm） npm install cnpm -g

cnpm install -g vue-cli

如果不小心安装错误，使用 npm cache clean来清理缓存，注意安装失败后，建议清楚缓存之后，再重新安装；

4.安装完成之后，使用vue -V 来检查啊是否安装成功；

5.进入你要创建项目的文件夹，在这个文件夹下面输入：

6.回车，接下来出现的英文表示：

Project Name：要创建的项目名称（该命令会生产一个package.json文件，文件中的name选项就是这个ProjectName，默认为当前创建的项目目录名称，也可以自行制定（但是需要符合package.json中name命名规则，不要出现大写字母，空格，下划线，可以使用 - ）

Project Description：项目简介，也会出现在package.json文件中,可选

Author：作者，可选

下一步直接回车

Install vue-router：是否安装vue路由组件，做项目的话一定要安装

Use ESLint to lint your code：是否需要使用ESLint模块进行代码检测

Setup unit tests with Karma + Mocha?：是否安装测试（单元测试）

Setup e2e tests with Nightwatch?：是否安装端到端的测试

完成上面步骤，over！

这就是一个简单的使用vue-cli搭建一个工程的例子；

下面就是利用vue-cli搭建的项目目录：

---------------------------我是华丽丽的分割线----------------------------------------------------------

小菜鸟vue入坑指南相关推荐

微信小程序继续入坑指南
微信小程序继续入坑指南 wxml 类似于html 感觉和ejs灰常的相似数据绑定 js Page({data: {message: "hello world"} }) wxml ...
api 微信内置浏览器js_多端开发框架uni-app入坑指南，一套代码适用微信、头条等小程序...
前言 hello 小伙伴们,现在我已经正式入坑 uni-app 了.uni-app 已经发布好几个月了,期间也是踩坑无数,但是官方秉承着不抛弃不放弃的精神,积极解决开发者的各种简单的.复杂的问题,在此 ...
开发工具篇第九讲：菜鸟入坑指南
摘要:本文是开发工具篇第九讲:菜鸟入坑指南.针对新人上手慢的问题,写了这篇入坑指南,方便自己回顾,总结.本文分为四个部分,分别为jenkins使用技巧:常用软件操作命令:开发手册:调试手册.主要材料来 ...
python这个软件学会能做什么工作-学会Python真的有高收入？盯，请查收这份入坑指南...
学会Python真的有高收入?盯,请查收这份入坑指南 2018-10-10 20:51:00 567点赞 6312收藏 186评论小编注:想获得更多专属福利吗?金币加成.尊享众测.专属勋章.达人福利 ...
python web-python web入坑指南
原标题:python web入坑指南 Invest regularly in your knowledge portfolio. Make learning a habit. 自学python web ...
uniapp调用c语言方法,uni-app 入坑指南-web开发
编辑推荐: 本文重点介绍了 uni-app 入坑指南,方便大家更好的了解 uni-app 本篇只讲述 uni-app,不与其他类似框架进行对比本文来自于博客园,由火龙果软件Alice编辑推荐. 什么 ...
小白深度学习入坑指南
小白深度学习入坑指南小白深度学习入坑指南写博客的初衷适合的人群理论篇说明数学 CV ML DL 优化实践篇 linux python 深度学习框架框架学习硬件配置软件环境配置常见的 ...
Phalcon在Windows上安装《Phalcon入坑指南系列一》
Phalcon入坑指南本系列目录前言一.安装二.Phalcon 开发工具安装三.环境变量配置四.Phalcon 开发工具的使用生成项目框架生成控制器 / 模型夸一下phalcon 五 ...
Rust入坑指南：核心概念
如果说前面的坑我们一直在用小铲子挖的话,那么今天的坑就是用挖掘机挖的. 今天要介绍的是Rust的一个核心概念:Ownership.全文将分为什么是Ownership以及Ownership的传递类型两部 ...

小菜鸟vue入坑指南

小菜鸟vue入坑指南相关推荐

最新文章

热门文章