Windows下安装Vue

拼搏现实的明天。 2023-03-13 03:15 52阅读 0赞

## 一.下载安装包 ##

前往Node.js官网下载：[添加链接描述][Link 1]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI3NjAwNzIz_size_16_color_FFFFFF_t_70]  
下载如下：  
![在这里插入图片描述][20200510113724751.png]  
双击执行安装，指定安装路径：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI3NjAwNzIz_size_16_color_FFFFFF_t_70 1]  
默认按安装全部组件：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI3NjAwNzIz_size_16_color_FFFFFF_t_70 2]  
安装成功：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI3NjAwNzIz_size_16_color_FFFFFF_t_70 3]

## 二.设置nodejs prefix（全局）和cache（缓存）路径 ##

1.在nodejs安装路径下，新建node\_global和node\_cache两个文件夹  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI3NjAwNzIz_size_16_color_FFFFFF_t_70 4]  
2.设置缓存文件路径和全局模块存放路径  
![在这里插入图片描述][20200510114714916.png]

## 三.基于 Node.js 安装cnpm（淘宝镜像） ##

![在这里插入图片描述][20200510115220132.png]

## 四.设置环境变量 ##

设置环境变量可以使得在任意目录下都可以使用cnpm、vue等命令，而不需要输入全路径  
1.鼠标右键"此电脑"，选择“属性”菜单，在弹出的“系统”对话框中左侧选择“高级系统设置”，弹出“系统属性”对话框。修改系统变量PATH：  
![在这里插入图片描述][20200510115628165.png]  
2.新增系统变量NODE\_PATH  
![在这里插入图片描述][20200510115808367.png]

## 五.安装Vue ##

![在这里插入图片描述][20200510120519456.png]

## 六.安装vue命令行工具，即vue-cli 脚手架 ##

C:\Users\Administrator>npm install -g @vue/cli-service-global
    npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
    npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated
    npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated
    npm WARN deprecated chokidar@2.1.8: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
    npm WARN deprecated fsevents@1.2.13: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.
    
    > yorkie@2.0.0 install D:\Users\Administrator\nodejs\node_global\node_modules\@vue\cli-service-global\node_modules\yorkie
    > node bin/install.js
    
    setting up Git hooks
    trying to install from sub 'node_module' directory, skipping Git hooks installation
    
    > core-js@3.6.5 postinstall D:\Users\Administrator\nodejs\node_global\node_modules\@vue\cli-service-global\node_modules\core-js
    > node -e "try{require('./postinstall')}catch(e){}"
    
    Thank you for using core-js ( https://github.com/zloirock/core-js ) for polyfilling JavaScript standard library!
    
    The project needs your help! Please consider supporting of core-js on Open Collective or Patreon:
    > https://opencollective.com/core-js
    > https://www.patreon.com/zloirock
    
    Also, the author of core-js ( https://github.com/zloirock ) is looking for a good job -)
    
    
    > ejs@2.7.4 postinstall D:\Users\Administrator\nodejs\node_global\node_modules\@vue\cli-service-global\node_modules\ejs
    > node ./postinstall.js
    
    Thank you for installing EJS: built with the Jake JavaScript build tool (https://jakejs.com/)
    
    npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.2.7 (node_modules\@vue\cli-service-global\node_modules\chokidar\node_modules\fsevents):
    npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted { "os":"darwin","arch":"any"} (current: { "os":"win32","arch":"x64"})
    
    + @vue/cli-service-global@4.3.1
    added 1253 packages from 861 contributors in 359.141s

至此，Vue已经安装完成，下一步将创建项目！

[Link 1]: https://nodejs.org/en/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI3NjAwNzIz_size_16_color_FFFFFF_t_70]: /images/20230312/33fbd89b225d4feaab3422e2210c917c.png
[20200510113724751.png]: /images/20230312/7b7c7618d8524a88bf1b1294ddae734d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI3NjAwNzIz_size_16_color_FFFFFF_t_70 1]: /images/20230312/a6d05cea2b414b2aaa72d4e567b5abdd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI3NjAwNzIz_size_16_color_FFFFFF_t_70 2]: /images/20230312/b5d0a018c3684632a069fa607db83c93.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI3NjAwNzIz_size_16_color_FFFFFF_t_70 3]: /images/20230312/00806f90fcf140979dc8b699bdd8130c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI3NjAwNzIz_size_16_color_FFFFFF_t_70 4]: /images/20230312/ea2c2c3dc5ca48feadc9356048c03707.png
[20200510114714916.png]: /images/20230312/0c01c3b9b38d47aa94bbb50f9deb299c.png
[20200510115220132.png]: /images/20230312/c0a7ff2c35eb4947bae21f2007cf26af.png
[20200510115628165.png]: /images/20230312/645c368633fd476789cd1f93861fd097.png
[20200510115808367.png]: /images/20230312/57a3c8bed6734f65a7a8a268d1191802.png
[20200510120519456.png]: /images/20230312/91811aeb84a8410eba6a009586ef85d6.png