Vue2.0 搭建Vue脚手架

2019/7/23 16:21:00  人气 705    专业JAVA技术发表平台  
Node.js安装        
在安装好NVM后,Node.js的安装就非常简单了。首先打开cmd,输入 nvm install latest  。如果网络畅通,我们会看到正在下载的提示,下载完成后就可以通过 nvm use 版本号 指定使用哪个node版本。
[img]https://upload-images.jianshu.io/upload_images/13528847-2f2877fdff689f59.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/544/format/webp[/img]
提示正在下载10.9.0版本的node.js
[img]https://upload-images.jianshu.io/upload_images/13528847-e8489e2abb01c0a4.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/374/format/webp[/img]
node.js安装成功
        注意:如果你是第一次下载,在use之前,C:\dev目录下是没有nodejs这个文件夹的。在输入: nvm use 10.9.0 之后,你会发现,C:\dev目录下多了一个nodejs文件夹,这个文件夹不是单纯的文件夹,它是一个快捷方式,指向了 C:\dev\nvm 里的 v10.9.0 文件夹。
[img]https://upload-images.jianshu.io/upload_images/13528847-d8a970e3a14ce102.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/677/format/webp[/img]
C:\dev\nodejs文件夹中的文件
[img]https://upload-images.jianshu.io/upload_images/13528847-5d08d9338bd65be1.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/685/format/webp[/img]
C:\dev\nvm文件中的文件
        备注: 如果你的电脑系统是32 位的,那么在下载Node.js版本的时候,一定要指明 32 如: nvm install 5.11.0 32 ,这样在32位的电脑系统中,才可以使用,默认是64位的。        
常用的NVM命令:
nvm install :安装指定版本,可模糊安装,如:nvm install v6.2.0或nvm install 6.2
nvm uninstall:删除已安装的指定版本,语法与install类似
nvm use:切换使用指定的版本
nvm ls:列出所有安装的版本
nvm ls-remote: 列出所以远程服务器的版本(官方node version list)
nvm current:显示当前的版本
nvm alias:给不同的版本号添加别名
nvm unalias:删除已定义的别名
nvm reinstall-packages:在当前版本node环境下,重新全局安装指定版本号的npm包
三、NPM安装1.安装NPM:打开cmd然后输入命令: npm install npm -g 。回车后会发现正在下载npm包,在C:\dev\nvm\npm目录中可以看到下载中的文件,只要用如下命令就可以把包安装在配置的全局路径里。
npm install -g 包名
[img]https://upload-images.jianshu.io/upload_images/13528847-d10d0fba7167a8e3.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/689/format/webp[/img]

安装NPM
2.配置环境变量:在系统环境中增加NPM_HOME变量,其值设为C:\dev\nvm\npm。然后在Path的最前面添加“;%NPM_HOME%”。因为这个一定要添加在 %NVM_SYMLINK%之前,所以我们直接把它放到Path的最前面。
[img]https://upload-images.jianshu.io/upload_images/13528847-fb66fcc4461ae77c.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/688/format/webp[/img]
添加NPM_HOME变量
[img]https://upload-images.jianshu.io/upload_images/13528847-3bb24dfb54c249c1.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/689/format/webp[/img]
修改Path变量
3.测试:新打开一个命令窗口,输入npm -v ,若显示如下信息,则说明安装成功。
[img]https://upload-images.jianshu.io/upload_images/13528847-f815b510cca1a848.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/294/format/webp[/img]
显示当前NPM安装版本
4.安装淘宝cnpm:我们还可以安装cnpm工具,它是中国版的npm镜像库,是npm官方的一个拷贝。因为我们和外界有一堵墙隔着,所以国内用这个会比较快。淘宝也弄了一个和npm一样的镜像库,它和官方的npm每隔10分钟同步一次。
安装方式:npm install -g cnpm --registry=https://registry.npm.taobao.org
安装好了cnpm后,直接执行cnpm install 包名即可。比如:cnpm install webpack -g 就可以了。-g只是为了把包安装在全局路径下。如果不全局安装,也可以在当前目录中安装,不用-g就可以了。

. 微信,微博,QQ空间点击右上角的三个点分享给朋友。经典话题等你参与。关注baishiwlkj公众号成

发表回复

   


  通知楼主
暂无回复!