精华内容
下载资源
问答
  • nodejs启动前端项目
    千次阅读
    2019-06-24 20:58:00

    在.nuxt目录下打开命令行:

    一:npm rm node-sass

    二:npm install node-sass

    三:npm install

    四:npm run dev

    转载于:https://www.cnblogs.com/bug-baba/p/11079456.html

    更多相关内容
  • 一、安装nodejs 二、启动nodejs

    1.安装环境

        本机系统:Windows 11(64位)
        Node.js : 14.16.0(64位)

    2.安装Node.js步骤

    •     下载对应你系统的Node.js版本: https://nodejs.org/en/download/
    •     选安装目录进行安装
    •     环境配置
    •     启动项目

    3.正式开始

            1)下载node.js(想要下载指定版本直接更改对应的版本号就可以了)

            地址:CNPM Binaries Mirror
    在这里插入图片描述

             2)开始安装

    (1)下载完成后,双击“node-v6.9.2-x64.msi”,开始安装Node.js

    (2)点击【Next】按钮

    (3)勾选复选框,点击【Next】按钮

    (4)修改好目录后,点击【Next】按钮


    (5)然后一路无脑【next】安装完后点击【Finish】按钮完成安装

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

    (7)安装完后的目录如下图所示:

    此处说明下:新版的Node.js已自带npm,安装Node.js时会一起安装,npm的作用就是对Node.js依赖的包进行管理,也可以理解为用来安装/卸载Node.js需要装的东西

    3) 环境配置

    (1)找到安装nodejs的路径
    (2) 新增 node_global 和 node_cache 文件夹
            
    (3)创建完两个空文件夹之后,打开cmd命令窗口,输入

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

    (4)接下来配置环境变量

    右键点击开始按钮,点击系统


    ”高级系统设置“


    环境变量

     


    添加一个系统变量和Path变量

    系统变量

    D:\Tools\nodejs\node_modules

     Path变量

    点击编辑----新建

    D:\Tools\nodejs\
    D:\Tools\nodejs\node_global

     

     记住,添加完变量之后一定要一路点击确定!!!

    (5)安装基本完成


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

    1)找到vue项目在bin目录那一层  打开cmd窗口

    安装淘宝镜像

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

    安装脚手架vue-cli

    npm install -g @vue/cli

    最好通过这种方式 //新版本 

    cnpm install -g vue-cli 这种方式的安装我出了很多错

    最后输入

    npm run dev

    结束

    展开全文
  • nodejs启动前端项目中的问题。

    千次阅读 2019-04-27 16:47:53
    听说nodejs安装后,启动项目会产生很多文件。而其默认安装是装在c盘,长此以往担心太吃内存。思索再三,将其安装到了D盘。此时遇到如下问题: 根据网上查询结果,怀疑环境变量有问题,配置了环境变量,并...

    刚入职,同事扔给一个前台项目。因为以前遇到的项目都不是前后分离的,发现手头的项目居然都不会启动。
    回到正题,不是专业前端,没有学过nodejs,仅就安装出现的问题做下记录,希望能帮到同样情况的朋友。
    听说nodejs安装后,启动项目会产生很多文件。而其默认安装是装在c盘,长此以往担心太吃内存。思索再三,将其安装到了D盘。此时遇到如下问题:
    npm命令报错
    根据网上查询结果,怀疑环境变量有问题,配置了环境变量,并不管用。来回卸载安装几次,也没有效果。其中,怀疑卸载没有删除干净,导致再次安装没有效果。于是后来的几次卸载都是在计算机搜索node,npm相关信息,全部删除。

    最终也没有成功安装,每次进行下一步安装gulp就会发生错误。最终无奈,卸载,全部默认安装。虽然依旧没有解决问题“系统找不到指定的路径”的问题,好在能够进行下一步。

    每天
    在这里插入图片描述
    在这里插入图片描述
    npm -i 安装模块(你可以粗暴的认为 npm -i 和npm -install是一样的),到项目中查找env.config.js文件,根据联网方式打开 var env=‘’;,具体如下:
    在这里插入图片描述
    之后就可以 gulp 执行了。
    在这里插入图片描述

    展开全文
  • 1、vue3前端 vue3项目搭建==> axios配置封装 报错uncaught TypeError: Cannot set properties of undefined (setting ‘baseURL’) 更改axios版本 2、 nodejs配置跨域 npm install cors --save var cors = ...

    nodejs学习

    1、vue3前端

    vue3项目搭建==>

    axios配置封装

    报错uncaught TypeError: Cannot set properties of undefined (setting ‘baseURL’)

    更改axios版本

    2、 nodejs配置跨域

    npm install cors --save
    
    var cors = require("cors");
    app.use(cors({
      "origin": "*",
      "methods": "GET,HEAD,PUT,PATCH,POST,DELETE",
      "preflightContinue": false,
      "optionsSuccessStatus": 204
    }))
    

    注意:app.use(cors())引入必须放在路由引入之前,否则不起作用

    3、登陆注册接口前端写法

    前端代码地址(不完全功能)

    vue3+elemeng-plus登陆表单开发校验

    <template>
        <div>
            <el-form
                label-width="100px"
                ref="formlabelref"
                :rules="rules"
                :model="formlabel"
                style="width: 60%;margin:0 auto"
                class="demo-ruleForm"
            >
                <el-form-item label="Name" prop="name">
                    <el-input v-model="formlabel.name"></el-input>
                </el-form-item>
                <el-form-item label="Password"  prop="password">
                    <el-input v-model="formlabel.password"></el-input>
                </el-form-item>
                <el-form-item>
                    <el-button type="primary" @click="submit">login</el-button>
                    <el-button type="primary" @click="register">register</el-button>
                    <el-button @click="reset">Reset</el-button>
                </el-form-item>
            </el-form>
        </div>
    </template>
    
    <script lang='ts'>
    import { defineComponent, ref, unref } from 'vue'
    import { userlogin ,userregister} from '../utils/api'
    import {throttle} from '../utils/util'
    import {
        ElMessage
    } from 'element-plus';
    
    export default defineComponent({
        name: 'login',
        setup() {
            let formlabelref = ref()
            let formlabel = ref({
                name: '',
                password: '',
            })
            let rules= ref({
                name: [
                {
                    required: true,
                    message: 'Please input name',
                    trigger: 'blur',
                }
                ],
                password: [
                {
                    required: true,
                    message: 'Please input password',
                    trigger: 'blur',
                },
                ],
            }) 
            const submittemp = () => {
                const form = unref(formlabelref)
                form.validate((valid)=>{
                    if(!valid){
                        return ElMessage.error('用户名或密码未输入')
                    }else{
                        userlogin(form.model).then(res => {
                            if (res.code === 200) {
                                ElMessage.success(res.msg);
                                reset()
                            } else {
                                ElMessage.error(res.msg);
                            }
                        })
                    }
                    
                })
            }
            const registertemp = () => {
                const form = unref(formlabelref)
                form.validate((valid)=>{
                    if(!valid){
                        return ElMessage.error('用户名或密码未输入')
                    }else{
                        userregister(form.model).then(res => {
                            if (res.code === 200) {
                                ElMessage.success(res.msg);
                                reset()
                            } else {
                                ElMessage.error(res.msg);
                            }
                        })
                    }
                    
                })
            }
            const submit = throttle(submittemp,3000)
            const reset =  () => {
                const form = unref(formlabelref)
                form.resetFields()
            }
            const register = throttle(registertemp,3000)
            return {
                rules,
                formlabel,
                formlabelref,
                submit,
                register,
                reset
            }
        }
    })
    </script>
    

    4、跟nodejs搭建 的后端关联

    axios.defaults.baseURL = 'http://localhost:3000';
    

    启动前端&后端项目,调用接口

    展开全文
  • Node.js 启动web前端项目步骤

    千次阅读 2019-12-12 20:34:16
    Node.js 启动web前端项目步骤 第一步:打开小黑窗、找到前端项目对应的路径、node项目都有个package.json、即是项目的配置文件 如: e:\IdeaWorkSpaces\SpringBootWeChatFoot\ vuejs-project 第二步:先看有没node_...
  • 通过nodejs部署前端项目

    千次阅读 2020-01-29 01:10:57
    通过nodejs部署前端项目 服务器需要安装:node 然后创建如下代码app.js文件 const http = require('http'); const url = require('url'); const path = require('path'); const fs = require('fs'); // 以上是系统...
  • NodeJS启动vue项目的坑

    2022-01-10 10:46:48
    现在前端都使用了vue 而启动vue项目需要先安装nodejs 但是启动中会出现很多坑 下面来梳理下并给出几点建议 1.首先需要选择一个稳定版本的node 太高级的版本出现问题的话 也很难在网上找到别人的解决方法 2.很多...
  • nodejs启动和打包前端项目

    千次阅读 2019-07-24 20:02:14
    1.安装nodejis http://www.runoob.com/nodejs/nodejs-install-setup.html node -v 查看安装nodejs的版本信息 2.安装npm和cnpm npm install cnpm -g cnpm install npm -g ...3.导入项目 使用 npm install...
  • Idea 配置前端web nodejs项目
  • 前后分离之使用nodejs运行前端项目.

    千次阅读 2019-12-16 16:58:30
    安装nodejs 第二步:安装完成后,使用npm命令安装express模块和cors模块 npm install express npm install cors PS:如果有使用其它模块,请自行安装. 第三步:编写以下service.js文件 //加载express框架,(一个...
  • 主要介绍了webpack打包nodejs项目(前端代码),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • nodejs运行前端项目

    千次阅读 2017-11-03 17:03:00
    有时候我们会创建一些小项目,只有几个简单html,没有引入一些前端框架,也没有使用webpack,那我们要如何让代码在我们本地跑起来呢? 当然是有很多种方法,IIS、wampserver等等好多都可以用,这里只是说道纯粹用...
  • function getIPAdress() { var interfaces = os.networkInterfaces(); for (var devName in interfaces) { var iface = interfaces[devName]; for (var i = 0; i < iface.length; i++) { var alias = iface[i];...
  • 这是我的 NodeJS 项目的起点。 它不包括前端开发的任何内容,因为它专注于 Node.js。 它包括基本目录结构、Express(带有会话、cookie 和对 csrf 的支持)和 EJS。 它使用一个带有对象的配置文件,该对象允许您根据 ...
  • 使用node.js运行前端工程的步骤

    千次阅读 2018-02-04 14:01:26
    前后端分离开发时,有时会使用Node.js运行前端工程。此时需要在本机安装Node.js。 1、本机安装Node.js, 配置环境变量 ...2、在项目目录下执行安装和运行命令   执行后,前端页面自动打开。
  • 由于直接yum安装的nodejs版本太低,所以本篇文章向大家介绍在 Linux 上安装 Node.js 最新版的方法。 • 安装环境 • 本机系统:Ubuntu18.x • Node.js:v12.16.1 • 获取Node.js 安装包 • Node.js 安装包及源码下载...
  • 安装nodejs 安装npm 和启动前端项目

    千次阅读 2019-09-02 16:56:41
    然后一直下一步 安装成功后 cmd打开命名行 输入 node -v 会出现nodejs 版本 这样就说明nodejs安装成功 然后输入 npm install 出现这个页面说明安装成功 启动项目 ,进入这个项目目录然后 npm run dev ...
  • 在官网下载nodejs,https://nodejs.org/zh-cn/download/ 然后点击pkg安装即可。 在终端中输入node -v 来验证安装是否成功。 接下来npm换源 npm config set registry http://registry.npm.taobao.org npm config ...
  • nodejs前端服务器

    2020-07-08 15:30:50
    nodejs前端服务器 nodejs的简介: 简单的说 Node.js 就是运行在服务端的 JavaScript。 Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。 Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google...
  • 为什么vue前端项目要使用nodejs

    千次阅读 2021-06-15 11:54:31
    3)nodejs是一个服务js平台 有自身带的npm(基于 Node.js的前端项目包管理工具),有第三方的grunt(基于 Node.js的前端项目构建工具即即脚手架)、有第三方的express(路由功能)等强大的代码与项目管理应用。还有自身带...
  • NodeJs前端面试题整合)

    千次阅读 多人点赞 2020-11-28 16:48:17
    Node事件循环的流程是什么,在事件循环中,如何判断是否有事件需要处理呢 事件循环的流程:在进程启动时,node会生成一个循环(类似于while(true)),每执行一次循环被称为一次Tick,每次的循环体Tick的过程会对...
  • IDEA启动前端项目

    万次阅读 2019-06-05 14:49:48
    IDEA启动前端项目: 第一步首先下载nodeJS 地址:https://nodejs.org/en/ nodeJS里面包含了npm,安装完成之后我们验证安装是否成功:win+R,出入cmd,回车,调出DOS窗口,输入node -v 会显示出Node.js的版本号。 ...
  • nodejs安装好之后,启动前端项目需要输入的命令: 首先输入:npm install 在输入:npm run dev 即可启动项目; 如果有报错,在解决报错 在这里有一个遇到的错误就是没有package.json这个文件但是在本地文件中有这...
  • 启动前端项目

    千次阅读 2021-03-01 19:03:48
    启动前端项目启动前端项目:开启跨域 启动前端项目: 1、安装nodejs 安装《软件安装包》目录下的 node-v12.18.2-x64.msi 打开命令行,输入node -v和npm -v,能正确显示版本号就是安装成功了。 2、安装淘宝cnpm npm...
  • IDEA 导入 NodeJS 项目部署启动

    万次阅读 2018-07-09 14:12:07
    1.导入项目 2.添加模块 3.配置启动项 4.启动 5.备注 如果不明白,新建一个项目查看配置详情
  • 使用NodeJS项目中动态添加参数 需求 在页面中显示代码的构建(打包)时间 解决思路 首先定义一个文件build_time.js 改文件可以是空文件,然后在创建一个js文件generateBuildTime.js,然后在该文件中写入代码动态...
  • nodejs 解压tgz文件并读取内容
  • //nodejs启动服务 var http = require('http'); http.createServer(function(request,response){ response.writeHead(200,{'Content-Type':'text/plain'});//200是服务器响应头部 response.end('hello world!') })...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 18,216
精华内容 7,286
关键字:

nodejs启动前端项目