欢迎入坑vue
来源:互联网 发布:什么软件看朴宝英直播 编辑:程序博客网 时间:2024/06/06 12:23
hello大家好,因为公司的项目需求本人打算入坑vue2.0版本,另外打算每周更新一次!将个人学习成果进行分享欢迎大家指正讨论!首先和大家聊下vue和anguar的区别!
本人以前使用的是angular1.0 加webpack进行项目开发使用oclazyload进行一些模块控制器的懒加载最后使用webpack -p进行项目打包!
最近研究了几天vue2.0版本发现和angular差不多 angular1.0比较倾向于页面式的开发而vue2.0比较适合于模块式的控制类似于搭积木或者是拼图 现将模块创建好然后 在对自己所要实现的功能进行模块拼接。
好了废话讲了一片我们接下来先教大家创建一个项目进行项目的demo开发。
首先打开你的终端先对于node.js进行安装(这个看教程)
然后对淘宝镜像进行安装,安装命令npm install -g cnpm --registry=https://registry.npm.taobao.org。
接下来对于webpack进行全局安装,安装命令:cnpm install webpack -g(毕竟vue2.0是基于webpack进行开发的)。
接下来我们在桌面上新建一个文件夹起名脚DaXinDemo(不要问为什么!哈哈哈)。
紧接着我们在此项目中打开终端对于vue脚手架进行安装,安装命令:npm install vue-cil -g
然后接下来我们的脚手架已经搭建完毕应该是这个样子的
是不是感觉缺少了写什么!对了我们的配置文件还没有进行下载下载命令:npm install(或者你可以使用cnpm install 不过这样可能会有些配置问价下载不下来 毕竟是淘宝的镜像)
安装完成后我们会发现项目中多了一个叫node_modules的文件这表示我们的项目已经安装完毕
接下来我们项目 在终端上输入 npm run dev回车搞定!然后进行等待它会打开你的默认浏览器对于项目进行展示。
好了我们现在看下我们的项目结构 如图:好了今天先讲到这里 下周接着再聊项目的配置问题
- 欢迎入坑vue
- Vue入坑指南
- webpack+vue 入坑之始
- vue.js 入坑之路(二)
- webpack入坑之旅(五)加载vue单文件组件
- webpack入坑之旅(六)配合vue-router实现SPA
- webpack入坑之旅(六)配合vue-router实现SPA
- webpack入坑之旅(五)加载vue单文件组件
- 关于新手入坑vue,页面跳转样式错位刷新又好了的情况
- JavaEngineer高级群欢迎入群
- 入坑
- 入坑!
- 入坑~
- (vue2.0 案例3.0) 在vue-cli 项目中 需要知道常见的配置 防止入坑
- Vue.js学习系列(四)---初学者易入误区
- [Android]Android接微信支付接口-如何跑通微信支付的demo (欢迎入坑) 群:121382044
- vue 坑
- Linux进站画面及登入欢迎信息的修改
- 四个年龄段统计的患病人数占总患病人数的比例。
- 什么是进程和线程,我读到的最清晰的描述,来自《Reversing:逆向工程揭秘》
- 20171110每日一练
- 6.10水仙花数
- POJ-1088 滑雪 (dfs + 线性dp)
- 欢迎入坑vue
- @Transient注解的使用
- 一文读懂深度学习(附学习资源)
- 【ES6】 — ECMAScript6快速入门01
- 值得推荐的C/C++框架和库
- HDOJ中的A+B for Input-Output Practice (I) java语言
- Markdown语法之流程图
- 第12章:Java常用类(day18)
- 51nod 1284 2 3 5 7的倍数