VueJS安装到入门

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）一步一步学习。