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

本文主要是介绍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安装及构建项目详细流程的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！