Vue手把手搭建简单项目☞【组件及路由的使用】

版权声明:有问题的请留言 喜欢的请给个赞 --------------------------------不定时会更新,因为学习,所以快乐,因为分享,所以便捷!转载请标注出处,哈哈! https://blog.csdn.net/Appleyk/article/details/83582683

       博主是一个纯后端的开发人员,学习前端也是基于兴趣,技术只会一种的话,对于我这种人来说是一件很枯燥的事情,从我的博客中就可以看出来,我在技术上有颗躁动的心;写过python、写过scala,写过hadoop和spark等,当然主要的还是以java为主,作为一个程序猿,一个后端开发工程师来说,不懂前端的技术就无法开发出更好的后端程序,当然不是让我们大家成为一个前后端都通吃的开发人员啊;技术呢,专一项即可,一项精了后,在学其他的技术就不在话下了,你想想,你都可以精通一门技术了,何愁没有能力精通第二门、第三门、第四门呢?当然呢,博主我呢,现在还没有达到精通一门技术的境界,不过我会不断地给自己充电,多接触一些当下比较流行的技术,所谓技多不压身,挺充实的;

                                                                                       -- 2018年10月31日14:09:48 Appleyk

                 

 

 

一、工具【sublime text3】

 

下载地址: https://pan.baidu.com/s/1k0-Xc-nkVaS24vJwov36Cg

效果:

二、Vue官网起步教程

地址:Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架

三、安装Vue脚手架,并创建第一个Vue项目

(1)检查node.js是否安装【node -v

如果没安装,参考:Node.JS安装配置

(2)node.js装成功后,会自带npm(nodejs包管理和分发工具)

(3)建议安装cnpm【淘宝镜像】,下载依赖的模块速度快

npm install -g cnpm --registry=https://registry.npm.taobao.org

(4)安装vue脚手架

 npm install vue-cli -g

(5)一切就绪,创建我们的第一个vue项目

vue init webpack vue-demo

构建完成后,项目结构图如下:

安装所需模块

cnpm install

具体搭建参考:vue环境搭建详细步骤

四、Sublime Text 打开Vue_demo项目

(1)

(2)查看README.md文件

(3)启动项目

cnpm run dev

(4)

猜你喜欢

转载自blog.csdn.net/Appleyk/article/details/83582683