一直以来都想写一些技术博客,来记录自己学过的东西,但总是有这样或那样的理由没有写成,直到今天才开始动笔。作为一个前端小白,如果哪里有不正确的地方也欢迎各位大佬指出,一定虚心学习,好好改正。
这篇博客是关于Vue的,本人是先简单的看了一下关于Vue的技术文档,然后进行初步的安装,但是在这里出现了一些小问题,那就是在安装的时候提示node.js的版本不支持,导致最后安装Vue也没有成功,各位小伙伴在安装的时候一定要注意。下面是安装的详细过程。
1.安装node.js,可以在网上下载安装,我下载的是8.9.4版本的,http://nodejs.cn/download/。
2.基于node.js,利用淘宝npm镜像安装相关依赖。由于国内npm会很慢,这里推荐使用淘宝NPM镜像。
在cmd中直接输入npm install -g cnpm --registry=http://registry.npm.taobao.org,然后回车,等候安装。可查看cnpm
版本是多少。
3.安装全局vue-cli脚手架,用于帮助搭建所需的模板框架。在cmd中输入cnpm install -g vue-cli回车,等候安 装。
4.创建项目。在cmd中输入 vue init webpack firstvue,可以更换目录,我这里使用了cd更换到了Users.依次出现如下显示,下面项目的设置可以根据自己项目的需要来设置。如图所示。
5.安装相关的依赖。在cmd中输入cd firstvue(项目名称)进入项目当中,输入cnpm install.这时会发现文件夹中多了一个node_modules。如下图。
6.测试环境搭建是否成功。
在cmd中输入cnpm run dev如下图:
另一种测试方式localhost:8080(默认端口为8080)显示页面: