Vue入门学习
一、Vue的安装
1.1 安装Node.js
首先我们需要知道Node.js是什么?
- 简单的说 Node.js 就是运行在服务端的 JavaScript。
- Node.js 是一个基于Chrome JavaScript运行时建立的一个平台。
- Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。
知道Node.js基本意思后,我们可以去官网下载了 node官网地址
进入官网后,点击download,选择你需要的版本下载到本地,直接运行安装即可(安装路径可自行修改)。
怎样判断安装成功呢?可在命令提示符中执行以下命令,输出版本号即成功:
//查看node 的版本号
node -v
//查看npm的版本号
npm -v
1.2 安装NMP
那什么又是NMP呢?
- NMP代表npmjs.corg这个网站,这个站点存储了很多的nodejs的第三方功能包。
- NPM的全称是Node Package Manager,是一个NodeJS包管理和分发工具,已经成为了非官方的发布Node模块(包)的标准。它 可以让 javascript开发者能够更加轻松的共享代码和共用代码片段,并且通过 npm 管理你分享的代码也很方便快捷和简单。
- NPM是集成在NodeJS中,一起安装的包管理工具。
所以可以直接在命令行中查看NMP的版本
npm -v
(下面安装命令先不要执行哦,看到后面你就懂了)
如果安装的版本需要升级,命令如下:
nom install npm -g
如果需要安装模块,命令如下:
npm install <Module Name>
例如安装jquery模块:
npm install jquery
卸载模块,命令如下:
npm uninstall <Module Name>
创建模块,生成package.json文件,命令如下:
npm init
- 但是国内直接使用 npm 的官方镜像是非常慢的,推荐使用淘宝的 NPM 镜像。
- 淘宝 NPM 镜像是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟一次,以保证尽量与官方服务同步。
使用cnpm命令代替npm,安装命令如下:
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm安装模块命令,命令如下:
cnpm install [name]
通常我们安装Node.js环境,程序会默认将NMP全局模块的路径设置在c盘中,这样会极大的占用c盘空间,导致电脑运行缓慢。这样我们可以通过以下方式更改路径。
可以通过以下命令查看当前配置:
npm config ls
如果是第一次使用NPM安装包的话,在配置中只会看到prefix的选项,就是NPM默认的全局安装目录。
但是如果有多次使用NPM安装包的话,就会看到cache和prefix两个路径。
确认安装路径为默认路径后,我们就可以修改路径了
首先,在目标路径下(你希望安装的路径),建立node_global 和node_cache两个文件夹。
然后,打开命令提示符,运行下面命令(记得将路径改成你自己的路径哦):
npm config set prefix "D:\Software\nodejs\node_global"
npm config set cache "D:\Software\nodejs\node_cache"
执行成功后,可以用npm config ls命令查看配置的结果,已经修改为你自己的路径。
接着,需要配置相应的环境变量,新建一个系统变量,变量名NODE_HOME,变量值:D:\Software\nodejs(配置你自己的路径哦)
在path变量名中,新建变量值:
%NODE_HOME%
%NODE_HOME%\node_modules
%NODE_HOME%\node_global
然后,安装CNPM(前面安装的小伙伴们可能要重新安装了,记得删除原来的安装文件哦):
npm install -g cnpm --registry=https://registry.npm.taobao.org
安装好后效果:
最后,设置NPM源,把默认源设置为淘宝镜像
npm config set registry https://registry.npm.taobao.org
设置后,输入npm config ls检查,出现下图表示修改成功。
这样,默认路径就修改成了你自己想要的路径了。
当然安装后也有可能会遇到,‘cnpm’ 不是内部或外部命令,也不是可运行的程序 或批处理文文件,这样的问题。
原因是:cnpm文件夹与npm文件夹不在同一文件夹下
cnpm所在文件夹:D:\Software\nodejs\node_global\node_modules
npm所在文件:D:\Software\nodejs\node_modules
解决办法:将cnpm文件夹移动至npm所在的文件夹下,再将cnpm和cnpm.cmd文件移至npm与npm.cmd所在的文件夹即可
今天先到这里吧,明天继续