node.js安装及构建项目详细流程

2021/7/12 20:06:41

本文主要是介绍node.js安装及构建项目详细流程,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

一. 下载安装:

直接在node.js官网下载LTS稳定版本,并默认选择项傻瓜式进行安装即可 (win7最高支持版本13)。

安装好之后在dos窗口中检查:

                  

 二. 安装好后,创建项目前的步骤

1. 切换淘宝npm库,执行命令:(两者选其一即可)

       方式一:npm config set registry https://registry.npm.taobao.org

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

    之后切记执行命令:npm config list 检查配置是否生效。

 2.安装vue-cli脚手架和客户端
     命令: npm install -g @vue/cli --force       

在执行这个命令时,报了一大丢错(不过输入命令vue ui也可以顺利跳转到浏览器界面),部分显示如下:

        最后把C盘上面画线的文件夹删掉后(C盘那些npm文件夹内容应该是之前卸载的nodejs留下的,之前vue-cli装在C盘),再次执行该命令不再报错了。 

                                                                                                    
    [ vue-cli是vue.js的脚手架,用于自动生成vue.js+webpack的项目模板,创建命令如下:
    vue init webpack xxx   (这是命令行的方式--繁琐)  

    注1:xxx 是创建项目的名称
    注2:vue-cli脚手架里含有了vue,可输入命令:vue -version或者vue -V(大写)验证                    注3:必须先安装vue,vue-cli,webpack,node等一些必要的环境 ]

3.输入命令跳转到客户端首页,能成功跳转说明OK了。

三. 使用脚手架vue-cli(2.X版)来构建项目

说明:如果想要将vue项目创建在 D:\mytest/code 目录下,那我们需要在该目录内地址栏输入cmd打开DOS窗口执行 vue ui命令实现跳转,这时就自动跳转到该目录下了,直接创建即可。

四. 相关DOS命令

检查nodejs版本和npm版本命令见上  node -v  和  npm -v

查找nodejs安装位置 where node

       



这篇关于node.js安装及构建项目详细流程的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程