VueJS安装到入门
VueJS的学习入门篇可以参考慕课网学习视频http://www.imooc.com/learn/694,视频中详细介绍了具体的安装步骤,和一些入门的知识,在此我们列出具体的安装步骤:
1、安装nodejs,安装之后安装淘宝镜像npm install -g cnpm --registry= https://registry.npm.taobao.org,安装完毕之后输入cnpm -v,如果显示出cnpm的版本号,则显示安装成功。(PS:我是直接安装的cnpm,据说安装淘宝镜像会更快一点)如果出现跟我一样的界面,也是可以继续安装的,界面如下:
2、参考VueJS官网的安装步骤,安装vue-cli
按照上述安装出现界面:E:\NodeJS\Nodejs\node_global是我安装nodejs是设置的环境变量
安装结束之后,在power shell中输入
3、创建一个项目:
4、可进入当前目录查看目录下的文件:
对当前建立的项目安装cnpm,E:\summer2017\Vuejs\my-project>cnpm install 等待一会
5、运行my-project:
如果显示端口port出错:
则需要修改端口号,修改端口号的可参考博客文章:http://blog.csdn.net/liyuxing6639801/article/details/60325558
其实主要就是更改config文件/index.js
6、正确的运行状态:
7、正确运行之后可以用浏览器打开:http://localhost:8081查看my-project的内容,然后便可以参照官网(https://cn.vuejs.org/v2/guide/instance.html)一步一步学习。