《Hello Vue.js之道阻且长》
2017-10-22 09:51
197 查看
一、环境安装问题
由于nodejs安装错误的历史问题,在系统高级设置里将path改的我完全不认识了,因此导致Vue.js安装困难重重。
首先在执行npm install --global vue-cli命令之后,出现如下图的错误,vue根本没有安装上。
经过多方检查,最后终于找到问题了。
原因在于我之前nodejs配置path时,大概哪个环境变量修改了。导致找不到node_global部分文件,因此成为无法成功安装的原因。
只需将node_global下的文件全部复制到上一层文件下面,就可以成功安装Vue了。
另外这个问题也不是我自己解决的,是我花了50RMB在淘宝找到人解决的。还有,之前Node安的也有问题,花了60RMB也是在淘宝解决的。
感谢万能的淘宝,感谢马爸爸。
二、第一个Vue程序
值得注意的一点是我的windows8破权限特别多,所以命令基本都是要在windows+x菜单里的管理员权限里配置。
另外按照官方开发文档,一般都是默认在c盘的管理员目录下。这次我选在安在D盘,也可以节省C盘那仅剩不多的空间。
1、vue init webpack myvue
第一步先用cd命令进入D盘初始化项目,主要为了节约C盘的空间。
每个命令具体含义可以参照这篇博客:http://www.cnblogs.com/vsmart/p/7560794.html
myvue这个文件夹具体什么时候出现的,我没注意,之后仔细看看。
2、cd myvue
3、npm install
此处时间花的较长,因为npm在国外,有人推荐使用淘宝镜像会快一些,但是因为下载的文件较多,会出错,因此还是使用npm吧。
4、npm run dev
运行这个程序后,就会跳出第一个vue界面,在浏览器上,端口8080。
由于nodejs安装错误的历史问题,在系统高级设置里将path改的我完全不认识了,因此导致Vue.js安装困难重重。
首先在执行npm install --global vue-cli命令之后,出现如下图的错误,vue根本没有安装上。
经过多方检查,最后终于找到问题了。
原因在于我之前nodejs配置path时,大概哪个环境变量修改了。导致找不到node_global部分文件,因此成为无法成功安装的原因。
只需将node_global下的文件全部复制到上一层文件下面,就可以成功安装Vue了。
另外这个问题也不是我自己解决的,是我花了50RMB在淘宝找到人解决的。还有,之前Node安的也有问题,花了60RMB也是在淘宝解决的。
感谢万能的淘宝,感谢马爸爸。
二、第一个Vue程序
值得注意的一点是我的windows8破权限特别多,所以命令基本都是要在windows+x菜单里的管理员权限里配置。
另外按照官方开发文档,一般都是默认在c盘的管理员目录下。这次我选在安在D盘,也可以节省C盘那仅剩不多的空间。
1、vue init webpack myvue
第一步先用cd命令进入D盘初始化项目,主要为了节约C盘的空间。
每个命令具体含义可以参照这篇博客:http://www.cnblogs.com/vsmart/p/7560794.html
myvue这个文件夹具体什么时候出现的,我没注意,之后仔细看看。
2、cd myvue
3、npm install
此处时间花的较长,因为npm在国外,有人推荐使用淘宝镜像会快一些,但是因为下载的文件较多,会出错,因此还是使用npm吧。
4、npm run dev
运行这个程序后,就会跳出第一个vue界面,在浏览器上,端口8080。
相关文章推荐
- 01-Hello Vue.js
- 1、Hello Vue.js
- [Nuxt] Setup a "Hello World" Server-Rendered Vue.js Application with the Vue-CLI and Nuxt
- laravel和vuejs第一个最简单的示例hello Vuejs
- vuejs helloworld
- vue.js安装过程(npm安装)
- vue.js element-ui validate中代码不执行问题解决方法
- 前端框架Vue.js中Directive知识详解
- vue.js--Tab选项卡
- vue.js入门与提高实战教程
- vue.js 三种方式安装
- fabric.js 在vue中的使用
- vue补下载js
- Vue.js源码学习二 —— 生命周期 LifeCycle 学习
- Vue.js2.0 入门实例
- Vue.js 2.0之全家桶系列视频课程——笔记(二)
- Vue.js源码解析(七)【聊聊Vue.js的template编译】
- 在Vue.Js下使用el-input框 只能输入数字 并限制位数 并且限制中文输入以及粘贴
- Vuejs全家桶系列(四)---计算属性