前端开发您现在的位置是:首页 > 博客日志 > 前端开发

下载安装nodejs启动vue前端项目

<a href='mailto:'>微wx笑</a>的头像微wx笑 2022-12-14前端开发 0 0关键字: nodejs  vue  

1.安装环境 本机系统:Windows 7(64位) Node.js : 12.16.3(64位)2.安装Node.js步骤下载对应你系统的Node.js版本: https://nodejs.org/en/download/releases/ 如果你的系统

1.安装环境

    本机系统:Windows 7(64位)7DG无知

    Node.js : 12.16.3(64位)7DG无知

2.安装Node.js步骤

下载对应你系统的Node.js版本: https://nodejs.org/en/download/releases/ 7DG无知

如果你的系统版本比较高,可以下载新版本的,我的是 Windows 7,最新版本的不支持,所以需要下载低一点版本的。7DG无知

否则即使安装了,运行时会提示:无法定位程序输入点 GetHostNameW 于动态链接库 WS2_32.dll 上 7DG无知


7DG无知

https://nodejs.org/en/download/7DG无知

下载完成根据提示安装就可以了。
7DG无知

Node.js已经安装完成,可以先进行下简单的测试安装是否成功了,后面还要进行环境配置
在键盘按下【win+R】键,输入cmd,然后回车,打开cmd窗口,看是否显示下载对应的版本号7DG无知

还有一种简单的打开cmd的方式,参考:如何通过注册表为文件(夹)添加右键菜单?7DG无知

3) 环境配置

(1)找到安装nodejs的路径
(2) 新增 node_global 和 node_cache 文件夹7DG无知

(3)创建完两个空文件夹之后,打开cmd命令窗口,输入7DG无知

npm config set prefix "D:\Nodejs\node_global"
npm config set cache "D:\Nodejs\node_cache"

接下来就是启动前端vue项目

1)找到vue项目根目录  打开cmd窗口7DG无知

安装淘宝镜像7DG无知

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装脚手架vue-cli7DG无知

npm install -g @vue/cli

或者通过这种方式,我是用的上面的方式7DG无知

cnpm install -g vue-cli 
7DG无知

安装项目依赖项7DG无知

npm install

最后执行7DG无知

npm run dev

或者
7DG无知

npm run serve


7DG无知

本文由 微wx笑 创作,采用 署名-非商业性使用-相同方式共享 4.0 许可协议,转载请附上原文出处链接及本声明。
原文链接:https://www.ivu4e.cn/blog/front/2022-12-14/1616.html

很赞哦! () 有话说 ()