开始使用vue来写前端页
编辑器+环境、配置
一、我使用的是webStorm,这个编辑器需要自己去购买或者破解,http://idea.lanyus.com/上面有破解教程。webstorm就像idea一样强大(个人觉得),这个编辑器在联网的状态下会自动帮你下载一些必要的东西,还帮你省了很多事。
二、在运行第一个项目的时候,需要配置好nodejs(这个应该叫环境吧,我也没有系统的认识,有些东西的就是知道用什么能实现这个功能,但不知道这叫什么,底层原理如何)。
1、http://www.runoob.com/nodejs/nodejs-install-setup.html我是根据菜鸟教程安装node的,如果已经安装好就不要看这一项
2、https://www.jianshu.com/p/2769efeaa10a这篇文章是教怎么运行第一个vue项目,基于vue-cli快速构建,也就是如何搭建一个vue项目和认识这个项目。
3、当你看完第二点的时候,用webstorm创建一个新的vue的时候,你就会明白还多
用webstorm创建一个vue项目
1)、file——》new ——》project,选择Vue.js,如下图,然后next
2、写你的项目名(我的是myvue),next
3、然后是
Project description 这个可以不写,next
Author 这个可以随便写,next
Vue build 默认就好,next
后边的一直next下去,默认都是选Yes的
4、配置configuration,红笔那个地方
选择npm
然后,你可以运行这个程序了。(下图为运行成功的信息)
运行成功后,打开浏览器,输入http://localhost:8080