安装vue之前要安装node吗,vue node 部署

　　为了让一些不懂构建前端项目的小白更快上手，下面文章主要介绍了安装node.js和构建vue项目过程中遇到的问题的相关信息。通过示例代码非常详细的介绍，有需要的朋友可以参考一下。

一、node.js安装

　　进入https://nodejs.org/en/download/,官网

　　直接点击下载安装！安装过程可以直接进入下一步；

二、如何找node.js历史版本

　　(https://nodejs.org/en/download/)

1.点击DOWNLOADS

2.点击页面下方

3.翻页找到历史版本

　　找到合适的版本并点击下载：

　　下载带后缀的文件。msi并安装它；

三、检查是否安装成功？

　　1.打开命令窗口(win R enter cmd)

　　2.输入node -v然后回车显示版本号，即安装成功；

四、安装成功后需要配置环境变量：

　　以下内容参考文章:https://www.jb51.net/article/251052.htm

　　1.在安装目录中创建两个新的空文件夹，分别位于我的安装文件夹node_global和node_cache中。

　　2.创建两个空文件夹后，打开cmd命令窗口并输入(填写您自己的安装路径)

　　npm配置集前缀“F:\Software\nodejs\node_global”

　　npm配置集缓存 F:\Software\nodejs\node_cache

　　3.设置环境变量，我的电脑-右键-属性-高级系统设置-高级-环境变量：

　　在[系统变量]下新建一个[节点路径]，输入[f:\ software \ nodejs \ NODE _ modules]；

　　将[用户变量]下的[路径]中原来的npm路径改为[F:\ Software \ nodejs \ node _ global]

　　4.测试环境变量的配置是否成功。

　　输入cmd cnpm -v v。

五、环境搭建

　　(1)安装淘宝图片。

　　输入cmd NPM install-g cnpm-registry=https://registry.npm.taobao.org。

　　错误报告：

　　解决方法：降低版本cmd并输入npm install npm@4.6.1 -g g。

　　(2)在cmd命令窗口安装vue-cli scaffold:输入cnpm install vue-cli -g g。

　　测试是否安装成功

　　直接输入vue -V，如果显示vue版本，则安装成功。

　　（3）全局安装webpack-cli

　　输入：npm install -g webpack

六、项目创建

　　1.创建一个文件夹来存储项目，并在vscode中打开此文件夹：

　　菜单栏-文件-打开文件夹，然后点击终端-新建终端。

　　2.在此目录中输入终端，然后输入vue init webpack demo

　　出现项目名称时，需要手动输入并下去。

　　此处报告的错误：

　　npm错误！cb.apply不是一个函数

　　npm错误！此运行的完整日志可在以下位置找到：

　　npm错误！f:\ Software \ nodejs \ node _ cache _ logs \ 2022-03-14t 08 _ 24 _ 28 _ 433 z-debug . log

　　解决方法：npm版本太旧。

　　Windows cmd安装说明：cnpm install -g npm

　　重新进入项目终端，在这里需要切换到创建的项目目录来运行npm run dev。

　　错误报告：

　　解决方案：

　　在终端输入npm i webpack-dev-server -D运行。

　　最后，再次运行npm运行dev。

　　出现Nodejs访问请求，如果允许可以在浏览器中打开页面；您也可以手动复制地址以在浏览器中打开它；

总结

　　本文关于安装node.js和构建vue项目过程中遇到的问题的详细说明到此为止。关于安装node.js和构建vue项目的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。

目录