1.打开cmd命令窗口,node-v和npm-v可以查看相应的安装版本信息. 2.使用一下命令全局安装vue-cli. 1)npm install  -g  vue-cli 2)如果使用淘宝镜像,则是:npm install -g cnpm --registry=https://registry.npm.taobao.org 3.使用命令 vue init webpack vue-xxx 搭建vue项目, “vue-xxx” 是你的项目名称. 4.配置需要安装的vue环境(此处图片为复制粘贴):…

其实超级简单,虽然网上很多,但是我顺便记录下相当于做笔记吧 1nodejs 的安装, 在node官网下载,点击安装,安装的时候最好选择路径在d盘 2设置环境变量 我的电脑-->属性-->系统环境变量- 系统变量新增一个NODE_PATH , 在用户变量上面加上这个path 安装成功后,在cmd 输入npm -v 验证是否安装成功了 3设置全局变量,因为后期会下载很多包,设置全部路径会不影响c盘的 空间保护电脑 安装路径/nodejs\node_modules\npm/.npmrc文件设置 pr…

参考两个博客 1 2 git.npm和淘宝镜像的安装过程过程省略了,直接开始webpack + vue-cli + 创建demo 首先,在磁盘创建一个文件夹,命名为vue-projects,里面再建一个文件夹vue-demo-1,右键git bash进入命令行,开始操作,安装webpack 安装 vue-cli 使用webpack创建vue demo 它会自动下载npm依赖,进入目录,看看项目结构 最后,运行demo…

一.首先要安装nodejs : 别去官网下,慢的要死,这是国内的什么版本都有.地址 这是我下载的. 然后就傻瓜式安装. 验证是否安装成功 二.node.js的环境变量的新建.  //我安装的路径是D:\Develop\Nodejs 其实安装完node,就自动在path里增加环境变量,但是为了以后的本地部署项目,我们需要找到node.js的安装根目录,在当中新建“node_global”和"node_cache"两个文件夹. 1. 启动cmd依次执行以下两条命令 npm config s…

Vue.js 是一套构建用户界面的渐进式框架.他自身不是一个全能框架——只聚焦于视图层.因此它非常容易学习,非常容易与其它库或已有项目整合.在与相关工具和支持库一起使用时,Vue.js 也能完美地驱动复杂的单页应用. 在配置环境之前呢,有些基础的东西还是要和大家普及一下的.如果你已经对Vue.js有所了解,那请点击 配置步骤  跳转到配置环境的阅读,否则,请耐心看完看完. 首先,介绍一下Vue.js的概念,他是干啥的呢?一定要配置vue的运行环境吗? 如上述Vue.js不是个全能的框架,因为他的…

前段时间一直在断断续续的看vue的官方文档,后来就慢慢的学习搭建vue的开发环境,已经有将近两周了,每到最后一步的时候就会报错,搞的我好郁闷,搁置了好几天,今天又接着搞vue的开发环境,终于成功了.我要把我所参考的文档和实际遇到的问题分享给大家.由于本人也是初级菜鸟一枚,如果有错误,还望谅解指正.下面言归正传: 所参考的文档链接:http://blog.csdn.net/syyling/article/details/52004892 http://www.cnblogs.com/ixxonli…

一直以来觉得搭建环境是自己的短板,恰巧老大跟我说他刚才面试一个有4年工作经验的人,给那面试的人出了到机试题,给了1小时的时间连环境都没搭好.且不说那人的工作经验是否掺有水分,自己还是有点尴尬的,以前的项目都是别人搭好的环境,自己从未参与过,自己明白这一直是自己的短板,得去踩这个坑,毕竟以后肯定会用到,所以自己就花点时间搭了一下vue最基础的环境,本文章当作自己的一个踩坑笔记吧,以下直接进入主题: 1.先检查自己的电脑环境是否配有node,打开命令终端输入:node -v , 回车,若有则会出现版…

一.环境搭建 1.1.去官网安装node.js( http://www.runoob.com/nodejs/nodejs-install-setup.html  ) 注意node的版本,只有支持和谐模式的node才会支持es6,在基于webpack构建项目名称时才不会报错.推荐最新版本. 下载安装包之后直接点击安装即可.测试安装成功的界面如下: 1.2.利用npm安装webpack 命令行语句为npm install webpack -g  .测试安装成功的界面如下: 1.3.下面就是安装淘宝镜…

我们在前端学习中,学会了HTML.CSS.JS之后一般会选择学习一些框架,比如Jquery.AngularJs等.这个系列的博文是针对于学习Vue.js的同学展开的. 1.如何简单地使用Vue.js 如同以前我们学过的Jquery一样,我们在程序中使用Vue.js时也可以使用直接引用的方法,直接下载并用 <script> 标签引入,Vue.js会被注册为一个全局变量.在这里有一个重要提示:在Vue.js的官网有两个版本,开发版本和生产版本,我们在开发时应用开发版本,遇到常见错误它会给出相应的警…

1.安装node node官网安装地址 推荐安装稳定版本(LTS)以及安装路径为系统盘(C) 查看node安装成功否 注释:以下命令使用 命令提示符(管理员)权限,win10 对user权限的限制了访问权限. node -v 查看node版本 npm -v 查看npm版本 where node 查看node安装位置 注意:node 版本号大于npm版本号,基于之前安装版本过低,后面会报错. 安装路径非系统盘(例D盘),出现用户目录丢失问题解决 上图标注的文件目录可能丢失,解决办法: 主动创建目录…