vueJs项目实战(一)

该博客仅仅只是记录我在做vue项目过程中的一些知识和心得以及思路,具体代码只有等整个项目完成之后上传github

好了,废话不多说,要写项目,还得有工具和软件为支撑,在这里我们就使用vue-cli搭建vueJs项目

一丶如果电脑没有安装nodejs的先安装nodeJs,具体的看http://www.runoob.com/nodejs/nodejs-tutorial.html这里,能够满足nodejs了,

二丶 全局安装:npm install -g vue-cli

三丶查看vue是否安装成功: vue

丶出现上图就表明我们已经成功安装,init webpack  :  vue init webpack project(项目包名),在安装过程中会让开发中选择安装自己需要的功能,如图:

五丶好了,到了这里使用vue-cli搭建vuejs项目已经成功,现在需要进入项目  cd project(因为项目默认安装到c盘,我这儿默认路径是C:\Users\user\project)

六丶安装项目所需的node包   npm install

七丶运用nodejs运行项目  ,成功后电脑会自动打开网页,

ok,让我们看看完整项目目录结构:

  其中build和config文件是属于webpack的,node_modeules文件是node所需的包

src下是我们开发者的重点:其中main.js是项目的入口,app.vue是vue的入口,而components文件就主要放vue的组件 ,而router文件是在我们vue init webpack 过程中开发者选择安装了才会有的,这个就是路由(简单来说就是用来控制页面跳转到)



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值