关于vue项目的创建

1、对于新手来说，直接去官网看vue官方文档和ivew官方文档，想要练习的话，首先知道要去搭建vue环境，网上关于环境搭建很多，一般来说安装node好node环境和淘宝镜像以后就好了，不需要按照一般的说法去初始化一个工程，这样你会发现里面的项目目录对于新手来说，会看的特别不清楚；

2、去iview官方下载iview-cli脚手架，安装即可；

3、首先创建一个目录，打开iview.exe,选择刚才创建的目录创建工程即可，注意这里的目录不要包含中文和特殊字符，不然运行的时候会报错；

4、cmd下进入到刚才创建的目录，执行命令cnpm  install，项目目录下多了node_modules，安装好了依赖包，然后cnpm  run dev,提示成功，就可以打开浏览器输入http://127.0.0.1:8080，就会看到带有vue标志的页面。注意3,4步顺序不能颠倒，先是用脚手架创建项目，然后才可以安装依赖包，否则编译不成功;

5、vue项目页面跳转是根据路由决定的，打开项目目录下的router.js,会发现有一个默认的index，这也就是为什么开始打开那样的页面，查看index.vue的代码即可。当我们要开启新界面，在router.js里模仿index创建一个即可，注意目录正确，要能找到对应的文件，比如我们又创建了一个test.vue，和index.vue同级,命名也为test，那么在浏览器输入http://127.0.0.1:8080/test即可;

6、vue项目下的.vue文件的样式会相互影响，如果不需要影响，在style上添加代码<style  scoped></style>

7、关于vue项目的ide，之前做前端开发一直用的webstorm，功能强大，但是耗费资源，尤其体现在开发vue项目上，导致系统一直卡死，应该是开了服务的原因，所以我现在使用的是vscode代码编辑器，感觉挺不错的，值得推荐。