精华内容
下载资源
问答
  • vue前端项目启动出错处理

    千次阅读 2021-01-29 17:11:20
    2.使用npm run dev启动前端项目 错误信息 Syntax Error: D:\RuoYi-Vue\ruoyi-ui\node_modules\eslint\lib\cli-engine\cli-engine.js:421 } catch { ^ SyntaxError: Unexpected token { @ multi (webpack)-...

    操作

    1.使用npm install 安装vue所需的依赖包

    2.使用npm run dev启动前端项目

    错误信息

    Syntax Error: D:\RuoYi-Vue\ruoyi-ui\node_modules\eslint\lib\cli-engine\cli-engine.js:421
        } catch {
                ^
    
    SyntaxError: Unexpected token {
    
    
     @ multi (webpack)-dev-server/client?http://localhost:81&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

    原因

    node版本太低

    通过 node -v 命令可查询node的版本

    解决方案

    重新下载安装最新版本的node,覆盖原有node

     

    展开全文
  • IDEA启动VUE前端项目

    2021-07-23 10:44:24
    win10安装node.js idea配置node.js idea启动前端VUE项目 vue项目启动打包

    一 下载安装配置

    https://nodejs.org/en/

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zspYeKNP-1627008244198)(C:\Users\sgw\AppData\Roaming\Typora\typora-user-images\image-20210723100203402.png)]

    安装后查看是否安装成功
    在这里插入图片描述
    在安装目录新建这俩文件夹,存放缓存和全局文件
    在这里插入图片描述

    执行如下两个命令让上边的文件夹生效:

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

    配置环境变量

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-AlL3xUOv-1627008244202)(C:\Users\sgw\AppData\Roaming\Typora\typora-user-images\image-20210723102155392.png)]
    在这里插入图片描述

    一定要记得删除:C:\Users\sgw目录下的.npmrc文件

    在这里插入图片描述

    然后执行:npm install express -g

    在这里插入图片描述

    二 idea配置npm

    在这里插入图片描述

    重启IDEA后,执行npm install

    重启IDEA后,执行npm install

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-xVZSQTbH-1627008244207)(C:\Users\sgw\AppData\Roaming\Typora\typora-user-images\image-20210723102856421.png)]
    在执行npm run serve启动即可
    在这里插入图片描述
    然后访问上边的地址就是项目首页;

    如果需要打包,执行命令:

    npm run build
    
    展开全文
  • VUE项目开发启动命令

    千次阅读 2019-12-13 20:13:58
    idea导入vue项目 npm install 安装依赖包 npm run serve 启动项目 npm bulid 项目打包,在命令行界面执行 在执行这些命令的时候,需要安装node环境,可以使用 node -v 查询node环境安装版本。 以上。 ...

    idea导入vue项目

    1. npm install 安装依赖包

    2. npm run serve 启动项目

    3. npm bulid 项目打包,在命令行界面执行

    在执行这些命令的时候,需要安装node环境,可以使用 node -v 查询node环境安装版本。

    以上。

    展开全文
  • 启动项目的过程中遇到了这个问题:如图: 2.找到node.js的安装exe程序,如下图所示: 进入该项目的命令行: 如图所示: 安装vue对应的相关依赖,如下图所示: 安装命令如下:npm install ...

    1.首先安装node.js环境,安装完成之后,可在控制面板中,进行验证,如下图所示:

    因为我自己已经装了,所以就不需要去担心这个问题了:

    "D:\IDEA_JAVA\IntelliJ IDEA 2018.2.4\bin\runnerw.exe" D:\node\node.exe D:\node\node_modules\npm\bin\npm-cli.js run dev --scripts-prepend-node-path=auto

    > cboard-v@1.0.0 dev C:\Users\wu\Desktop\work\11\vue\CBoard-v
    > webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

    'webpack-dev-server' �����ڲ����ⲿ���Ҳ���ǿ����еij���
    ���������ļ���
    npm ERR! code ELIFECYCLE
    npm ERR! errno 1
    npm ERR! cboard-v@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`
    npm ERR! Exit status 1
    npm ERR! 
    npm ERR! Failed at the cboard-v@1.0.0 dev script.
    npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
    npm WARN Local package.json exists, but node_modules missing, did you mean to install?

    npm ERR! A complete log of this run can be found in:
    npm ERR!     C:\Users\wu\AppData\Roaming\npm-cache\_logs\2018-11-12T06_20_10_706Z-debug.log

    在启动项目的过程中遇到了这个问题:如图:

    2.找到node.js的安装exe程序,如下图所示:

    进入该项目的命令行:

    如图所示:

    安装vue对应的相关依赖,如下图所示:

    安装命令如下:npm install

    但是显示了错误,推测可以得知,依赖包显示了一部分,将其进行删除:

    执行命令cnpm cache clean

    如图所示:进行依赖的全部删除操作:

    尽管还是会报错,不用管,一直到内部程序结束为止:

    接下来安装cnpm install的相关依赖包:

    过程如下所示:

    结果就是显示成功,点击如下的蓝色,url即可跳转到对应的项目界面:

    最终跳到的界面如下所示;

    显示的过程如下:

    具体内部过程就是先删除缓存垃圾(先把没下全的依赖删除),执行命令是cnpm cache clean,>执行依赖安装命令cnpm install>

    最后再次执行vue的执行文件入口 npm run dev.

    也可以手动执行如下图文件:

    找到该项目的二级目录,然后,找到json文件,之后,点击dev即可。

    过程如下:

    安装成功之后,显示如下:

     

    展开全文
  • 1、先安装cnpm,从淘宝镜像那下载,执行命令: npm install -g cnpm --registry=https://registry.npm.taobao.org 2、cnpm下载成功后,在工程根目录下执行命令: cnpm install node-sass --save 3、如果出现...
  • 新手搭建VUE前端项目 1、安装node.js环境 (1)下载node.js,下载地址为:https://nodejs.org/en/ (2)按照默认选项安装node,检查安装版本 (3)配置下载镜像,镜像地址为:http://npm.taobao.org/,安装成功后,...
  • 一.安装node.js及环境配置 1.Nodejs下载及安装 ... 根据我的系统及位数,我选择windows64位.msi格式安装包(如图),如果想下载其他版本可以选择下方...安装及环境配置后验证,任意路径cmd输入以下命令出现相应版本号:
  • 因业务需求,项目需要使用微应用。最后选择了蚂蚁金服开源的微...首先我们创建一个projects文件夹,里面存放我们需要运行的项目,然后在projects文件夹下使用vue-cli3创建五个项目,分别为test1、test2、test3、test4
  • IDEA导入Vue前端项目

    千次阅读 2020-04-28 00:41:33
    前端是使用vue,然后我配置了node.js环境后,使用IDEA把该vue项目导入,因为也是第一次导入vue项目,所以项目如何启动,以及报错如何处理,瓜瓜我记录下。 操作步骤 1.IDEA中导入(File->Open…),如下图: 2....
  • IDEA使用webpack管理vue前端项目

    千次阅读 2020-05-04 14:32:06
    IDEA使用webpack管理vue前端项目 文章目录IDEA使用webpack管理vue前端项目webpack介绍安装webpack步骤1.安装node.js。步骤2:安装npm步骤3:安装cnpm步骤4:安装webpack 使用vue.js开发大型应用需要使用webpack打包...
  • 3 vue前端项目部署*

    2020-08-21 20:36:58
    3 vue前端项目部署加粗样式 3 vue前端项目部署* https://mp.weixin.qq.com/s?__biz=MzAxOTY5NDc0MQ==&tempkey=MTA3NV9jRENFaVB6OXMzd3N5QjNnUmc4ZGs0QTQxX2xwRGozTHp0RFRMZ3JzRkh4SVRHU2YyZUhpNC1KbG5...
  • 如何利用vscode运行vue前端项目vscode运行vue前端项目vscode[下载](https://code.visualstudio.com/)vscode切换中文导入vue项目安装[node.js](https://nodejs.org/en/download/)运行vue项目 vscode运行vue前端项目 ...
  • npm+Vue.js搭建Vue前端项目 一、相关概念 1.Node.js :就是运行在服务端的 JavaScript,是一个基于Chrome JavaScript 运行时建立的一个平台,是一个事件驱动I/O服务端JavaScript环境 2.npm:Nodejs下的包管理器 ...
  • vue前端项目打包 使用vscode开发项目 在config目录下的prod.env.js文件当中配置我们后端服务器的IP地址和端口号,因为这是在实际的部署当中所以必须要在生成环境下进行项目的部署。 如图所示: 在config目录...
  • 例如创建并启动一个名为vuehr的前端项目。 1. 首先要确保本地已安装了NodeJS,然后在win+R进入cmd中执行如下命令: npm install -g vue-cli 2.安装完成之后,执行命令vue init webpack vuehr 基本信息...
  • 一、vue搭建前端项目 1、新建文件夹,此处打开cmd,安装vue-cli npm install @vue/cli -g 安装时报错。。。 避坑: 1.1安装淘宝境像 npm install -g cnpm --registry=https://registry.npm.taobao.org 1.2切换淘宝...
  • 环境搭建 使用vue-cli脚手架创建vue前端项目首先需要搭建软件环境,这里需要安装node.js、配置cnpm镜像、安装vue-cli。 1.1 项目创建 项目目录 项目配置 项目运行
  • 使用docker在服务器上部署Vue前端项目 1,将vue项目打包 #安装 npm install #打包 npm run build 注:具体打包命令要看vue项目根目录下package.json文件中怎么定义 比如下图,则打包命令为 npm run build:prod 2,...
  • cmd 搭建vue前端项目 下载nods.js加粗样式 node.js下载(Windows版本) 一路next 安装完毕! 配置node.js环境变量 进入找到Path进入 这里填你的node.js的安装路径 验证node.js 打开cmd 输入node -v 安装配置完成...
  • nginx部署vue前端项目的dist包

    千次阅读 2020-05-07 16:12:19
    以nginx作为容器部署vue前端项目 首先几条必备的linux命令: 1、进入nginx目录:cd/usr/local/nginx/ 2、启动nginx:shsbin/nginx 3、停止nginx:sbin/nginx-s stop 4、重启nginx:sbin/nginx-s reload 5、...
  • docker系列之nginx部署vue前端项目

    千次阅读 2019-03-27 14:57:51
    docker系列之nginx部署vue前端项目 1、(1)启动nginx容器同时把目录挂载到宿主机,这样在宿主机修改代码,修改配置文件等都会及时同步到nginx中,非常方便 启动nginx成功! (2)可以查看宿主机和容器的挂载详情...
  • Nginx 部署Vue前端项目

    千次阅读 2018-07-02 16:11:39
    1.Vue前端构建 ➜ npm run build 构建成功后基本会在配置的dist文件下生成静态html文件。 2.生成的静态代码上传到服务器 把生成目录dist里的文件打包上传至服务器(192.168.234.97) ➜ scp ./dist.zip ...
  • vue前端项目搭建和要点记录

    千次阅读 2020-03-01 13:00:40
    据我目前的了解,创建vue项目vue-cli不是必须的,但是在实际开发时,几乎就是必须的。vue-cli既可以看做是一种创建vue项目的快捷工具,也可能理解成是vue的一种规范。由于本机的vue-cli安装较早,还是vue-cli2的...
  • 前端vue项目启动

    千次阅读 2019-08-19 16:48:36
    (1)装好nodejs,最新版本6.10以上的好像都能自动配置路径和npm啥的,反正装好后在...(11)启动项目:cmd进入前端vue项目的根目录,输入命令“npm run dev”,此时会用nodejs启动这个前端vue项目。大功告成。
  • Vue UI 创建Vue前端工程(Windows)

    万次阅读 多人点赞 2020-09-27 15:56:40
    Vue ui 创建Vue前端工程1.开启vue ui 服务2.访问 vue ui 界面3.创建项目4. 添加 element-ui 插件4.添加依赖4.启动 Vue 项目5.访问 Vue 项目 1.开启vue ui 服务 快捷键 win+r 打开 cmd 输入下面命令 vue ui 2.访问 ...
  • 手把手教你VUE前端项目发布上线

    千次阅读 多人点赞 2020-06-25 10:00:16
    已经写好的代码,有团队的需要拉取最新的代码(今天重点分享团队前端项目的发布过程) 软件:(包括但不限于)——如果工具都OK,将大大降低发布难度 Nginx:轻量级web服务器 Jenkins:持续集成开发工具 Tomcat...
  • 【3】vue create 项目名称 【4】vue add element (添加 element,一个 element 风格的 UI 框架) 【5】npm install axios (安装 axios,用于网络请求) 【6】npm install vuex --save(安装 Vuex,用于管理状态) 【7】...
  • 构建vue项目的开发环境配置,官方提供了脚手架工具vue-cli来快速构建一个开发环境,初始化一个vue项目操作命令如下: // 安装node.js,内含npm,Node.js官网:https://nodejs.org/en/ 。 // 设置npm镜像cnpm...
  • 前端项目打包、Nginx的启动暂停、Nginx配置 ###1、前端打包 #####首先配置前端环境.env.preview文件中VUE_APP_API_BASE_URL指向后端地址 #####之后,使用命令 yarn run build 打包后前端根目录出现dict文件夹 yarn...
  • vue前端项目用nginx做负载均衡部署

    千次阅读 2019-09-10 15:52:49
    vue前端项目用nginx做负载均衡部署 一.安装介质 接单机部署vue项目 https://blog.csdn.net/jzc12345611/article/details/97645589(vue部署详情) nginx安装文档可以参考 ...在服...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 13,907
精华内容 5,562
关键字:

vue前端项目启动命令

vue 订阅