最近一段时间vue js非常流行,伴随着vue2.0版本的发布,一套前端基于node环境下的自动化环境构建方法随之出现,自己最近尝试用vue-cli着构建一个基于vue的环境,我尽可能的将每一个知识点讲清楚
1、npm:引自百度百科
NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:1、允许用户从NPM服务器下载别人编写的第三方包到本地使用。2、允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。3、允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用
我的理解就是npm是一个基于命令行的形式来进行软件的下载和上传 很方便,免去了我们去到官网上去下载。一般我们只需要下载安装nodejs即可,里面包含有npm,下载安装完成之后记得配置环境变量,这个就不详细说了
2、vue-cli
概念:我的理解就是一个官方的脚手架,下载安装这个之后你可以通过简单的几个命令就能搭建一个基于node环境的一个前端项目,由于新版的vue-cli已经集成了webpack 所以下载了这个脚手架之后就不需要在下载webpack了
言归正传,我来说说自己搭建的一个流程吧,其中也会遇到好多问题,都是一步一步百度查看的,血泪啊 哈哈~~
1、在已经下载安装了node js后,我们要把下载的包(或者说是文件)安装在哪里了,比如我执行npm install vue-cli 安装成功后我该在哪里找到他了,如果我们没有对npm的配置进行自己的设置,那么他默认情况下就会在当前目录下找node_modules 这个目录,然后把下载下来的包放在这里面,突然感觉这样有点乱,不好管理,所以开始的时候就更改npm的默认安装目录,设置方法如下
如下图,我想把以后下载全局安装的包就放在node目录下 ,创建两个文件 node_cache 和node_global