vue小白开始,配置+第一个project的相关认识+webstorm创建第一个vue项目

开始使用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

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章