精华内容
下载资源
问答
  • node.js 服务器启动命令 npm start || yarn start 启动成功的标志 端口号就在 bin/www文件 查看 或更改端口号 127.0.0.1:3000 默认本机的地址 构建好的项目 可以直接用 yarn start 启动 前提是你全局安装了 yarn ...
    node.js 服务器启动命令

    npm start || yarn start

    启动成功的标志

    在这里插入图片描述

    端口号就在 bin/www文件

    查看 或更改端口号
    127.0.0.1:3000 默认本机的地址
    在这里插入图片描述
    构建好的项目 可以直接用 yarn start 启动 前提是你全局安装了 yarn
    在这里插入图片描述

    node.js 服务器 你更改了东西或内容一定要重新启动 部署 和vue不一样 vue会自动刷新部署

    关于 vue 建议看 你用什么构建 就用什么启动
    但是 我试了一下 你用 yarn 构建的项目 npm run serve 启动也是ok的
    同样 npm 构建的 用 yarn serve 也能启动 但是速度要稍微慢一点
    在这里插入图片描述

    展开全文
  • 使用vue脚手架创建项目和搭建本地环境,连接服务端变得很容易,那么怎么实现呢? 首先在桌面输入win+R并输入cmd打开控制台下载安装vue-cli 输入代码npm install @vue/cli -g然后按回车开始安装,(-g代表全局安装)...

    使用vue脚手架创建项目和搭建本地环境,连接服务端变得很容易,那么怎么实现呢?
    首先在桌面输入win+R并输入cmd打开控制台下载安装vue-cli
    在这里插入图片描述
    输入代码npm install @vue/cli -g然后按回车开始安装,(-g代表全局安装)

    然后第一次安装成功如图所示
    在这里插入图片描述
    假如安装错误,或者没有全局安装那么输入npm uninstall @vue/cli卸载vue重新进行安装

    安装完后,再查看vue的命令列表,就有ui这一命令行了
    在这里插入图片描述
    接下来输入vue ui
    在这里插入图片描述
    如果反应像这样那么恭喜你安装成功了!复制端口号就可以进入页面进行配置。

    但是!有时候输入vue ui没反应像这样
    在这里插入图片描述
    那么就要考虑你输入的目录是否有问题或者你的vue版本是否过低
    输入vue -V可以查你当前的vue版本(3以上)
    在这里插入图片描述
    接下来进入就进行配置啦
    在这里插入图片描述
    宝剑锋从磨砺出, 梅花香自苦寒来 。没有努力就没有收获,只有学习才能收获知识!

    展开全文
  • Vue脚手架

    2019-10-22 20:33:28
    1.vue脚手架的基本用法 使用步骤 安装3.x版本的Vue脚手架 使用命令安装脚手架之前,一定要确定你一定安装好了node环境 在命令行中输入node -v 查看是否安装成功 如果在敲击回车之后,出现你的node版本号,即...

    1.vue脚手架的基本用法

    使用步骤

    安装3.x版本的Vue脚手架

    使用命令安装脚手架之前,一定要确定你一定安装好了node环境

    在命令行中输入node -v 查看是否安装成功

    如果在敲击回车之后,出现你的node版本号,即安装成功

    然后我们就可以进行安装vue的脚手架了

    在命令行中输入

    npm install @vue/cli 这个是安装vue脚手架3.x版本的

    在安装好基于3.x版本的脚手架之后,我们就可以进行项目的创建了

    1.基于交互命令行的方式,创建新版vue项目
    vue create 项目名

     在我们选择时,当我们选中某一项时,空格里面加上*号,就表示我们选中的

    基于图形化界面的方式,创建新版的项目

    输入命令 vue ui

    浏览器自动默认打开http://localhost:8000即可显示图形化界面:

     我们可以点击创建,创建自己的项目

     在创建完成后,我们会进入到

    在主页的侧边栏选择,点击任务,选择运行任务,当任务完成之后,点击启动app,就可以看到我们的任务的运行结果了。

     

    展开全文
  • Vue脚手架2和脚手架3常用的命令

    千次阅读 2019-12-01 19:54:11
    不管是Vue脚手架2、还是脚手架3,对于一些细节的把握你了解吗? vue-cli工程中常用的npm命令有哪些? npm install:下载 node_modules 资源包的命令 思考问题: 为什么下载资源包要用npm install? 请你谈一下 npm...

    引言

    不管是Vue脚手架2、还是脚手架3,对于一些细节的把握你了解吗?

    vue-cli工程中常用的npm命令有哪些?

    1. npm install:下载 node_modules 资源包的命令
      思考问题:
      为什么下载资源包要用npm install? 请你谈一下
    2. npm run dev: 启动 vue-cli 开发环境的 npm命令(3.0以下?? ? 脚手架2启动方式)
      npm run serve:启动 vue-cli 开发环境的 npm命令(3.0以上?? ? 脚手架3启动方式)
    3. npm run build: vue-cli 生成 生产环境部署资源 的 npm命令(常说的打包文件)
      脚手架2打包,生成的是build文件
      脚手架3打包,生成的是dist文件
    4. serve build(脚手架2,把你写好的项目打包,然后在本机测试,查看是否完整)
      serve dist(脚手架3,把你写好的项目打包,然后在本机测试,查看是否完整)
      因为你最后直接给的是打包文件,交工之前直接测试一下,运行打包文件,查看项目是否完整
      注意:
      脚手架3搭建的项目, serve build运行你的打包文件,虽然可以运行但是浏览器显示如下错误界面:
      在这里插入图片描述
      因为脚手架3生成的打包文件是dist,所以要serve dist 来运行,测试
    5. npm run build–report:用于查看 vue-cli 生产环境部署资源文件大小的 npm命令。
      好多大佬说此命令必答,可以加深面试官更好的感觉!!!
      命令运行的结果是这个样子的:
      在这里插入图片描述

    ?这里大坑请注意!!!!!

    • 直接运行 npm run build–report报错,如下
      在这里插入图片描述
    • 脚手架3以上解决方法:
      • 安装
        npm install webpack-bundle-analyzer -D
      • 项目根目录下创建vue.config.js文件(没有需要自己创建!!!!
        module.exports = {
         chainWebpack: config => {
        	config
        		.plugin('webpack-bundle-analyzer')
        		.use(require('webpack-bundle-analyzer').BundleAnalyzerPlugin)
        	},
        }
        
        如图所示:在这里插入图片描述
      • 使用npm run serve直接运行(问题解决)
        (这时会执行webpack-bundle-analyzer插件功能 完成优化后可自行删掉 配置 )
    • 脚手架2(vue-cli2 )解决方法:
      因为用vue-cli2 构建的项目中里已经集成了 webpack-bundle-analyzer可视化插件
      所以使用npm run buil --report 命令即可
      脚手架2若有报错,可参考webpack-bundle-analyzer具体配置
    1. 安装模块:
      • save-dev 是指将包信息添加到 package.json 里的 devDependencies节点,表示开发时依赖的包。
        npm install --save-dev
      • save 是指将包信息添加到 package.json 里的dependencies节点,表示发布时依赖的包。
        npm install --save

    总结

    • 从vue-cli工程中常用的5个npm命令中我们发现知识的细节性太多了,所以我们要做到怎么用,为什么要这么用,还有么有其他用法等。
    • 愿你在繁杂的城市找到熟悉的饭香味-----致努力的你

    我不觉得人的心智成熟是越来越宽容涵盖,什么都可以接受。相反,我觉得那应该是一种逐渐剔除的过程,知道自己最重要的是什么,知道不重要的是什么。而后,做一个简单的人。 ------《阿甘正传》

    展开全文
  • 使用vue脚手架搭建项目的方法:1、全局安装vue-cli脚手架;2、打开命令提示符,通过cd命令进入项目所在文件夹;3、创建vue-cli工程项目;4、安装依赖;5、启动项目。本教程操作环境:windows10系统、vue2.9版,该...
  • vue脚手架项目搭建以及常见命令

    千次阅读 2020-03-06 14:10:10
    (2)、全局安装vue脚手架:npm install -g vue-cli 或者指定版本:npm i vue-cli@2.9.6 -g; (3)、安装以后,输入:vue -V 出现相应的版本号,则表示安装成功; (4)、卸载脚手架:npm uninstall -g vue-cli; 2...
  • vue 脚手架

    2021-04-03 20:45:05
    Vue CLI 什么是Vue CLI 写几个Vue的Demo程序, 那么不需要Vue CLI. 如果开发大型项目, 那么需要, 并且必然需要使用Vue CLI 使用Vue.js开发大型应用时,我们需要考虑代码目录结构、项目结构和部署、热加载、代码单元...
  • vue脚手架2.0

    2021-01-21 09:51:53
    查阅vue脚手架的版本 vue-V 查阅一下脚手架可支持的模板 vue list 可以查到 template-name 使用脚手架生成项目(以下命令得运行在项目的包裹目录下) vue init webpeck <project-name> :使用webpack作
  • Vue脚手架创建Vue项目

    2021-04-06 12:19:24
    1. 什么是Vue脚手架 中文官方网址 安装3.x版本的Vue脚手架npm install -g @vue/cli,在d盘的web_study下面的vue文件夹下面安装 我这里安装了目前的最新版本@vue/cli 4.5.12(不知道后续会不会出事…)可以...
  • vue脚手架搭建

    2020-10-13 11:41:57
    前言 这段时间呆到公司,事情...全局安装下载vue脚手架,需要主要提前安装node,这里的cnpm是淘宝镜像速度比npm比较快 cnpm install -g @vue/cli 终端下载完成后就可以创建我们的脚手架了 二,脚手架创建 vue create
  • Vue脚手架详解

    2020-10-12 02:25:52
    文章目录Vue脚手架快速入门Vue CLI相关组件Vue脚手架版本比较Vue CLI 安装1)指定版本安装2)2.x版本安装3)新版本安装4)新版本桥接 2.x 模板(旧版本)使用 Vue CLI 创建项目1)Vue CLI >= 32)Vue CLI >= 3...
  • Vue脚手架搭建

    2020-10-28 09:44:50
    Vue脚手架 Vue脚手架可以快速生成Vue项目基础的架构。 A.安装3.x版本的Vue脚手架: npm install -g @vue/cli B.基于3.x版本的脚手架创建Vue项目: 1).使用命令创建Vue项目 命令:vue create my-project 选择Manually...
  • vue脚手架安装及vue脚手架创建项目(详细步骤) vue是前端非常火的框架,学会这个框架麻麻再也不用担心我获取不到dom的了 废话不多说,直接开整。 首先,我们要先到nodejs官网下载与电脑适配的nodejs文件到电脑上...
  • Vue 脚手架

    2021-01-22 18:39:10
    什么是Vue CLI 如果你只是简单写几个Vue的Demo程序, 那么你不需要Vue CLI. 如果你在开发大型项目, 那么你需要, 并且必然需要使用Vue CLI 使用Vue.js开发大型应用时,我们需要考虑代码目录结构、项目结构和部署、热...
  • vue脚手架安装

    2021-05-22 11:09:08
    vue脚手架可以快速生成vue项目基础的架构 1.安装3.x版本的脚手架: npm install -g @vue/cli 2.基于3.x版本的脚手架创建vue项目 命令:vue create my-proiect 3.配置 勾选特性可以用空格进行勾选 1.选择预设 Default ...
  • VUE脚手架安装

    2020-12-28 19:20:20
    VUE脚手架安装 打开之后切换到指定盘符 *1. 先安装一个能创建脚手架项目的命令行工具: npm i -g @vue/cli 用vue命令,创建一个项目的脚手架代码文件夹 vue create 项目文件夹名* 脚手架文件夹创建成功后: ...
  • vue脚手架

    2021-10-13 14:06:10
    二、脚⼿架 2.1介绍 1.vue脚⼿架是vue官⽅...第⼆步:切换到你要创建项⽬的⽬录,然后使⽤命令创建项⽬ vue create xxx 第三步:启动项⽬(⾸先得进⼊你创建的项⽬) dir xxx npm run serve 三、脚⼿架结构分析
  • 什么是vue脚手架? 他是一个快速构建 vue 项目的工具,通过他,我们可以将 vue 所需要的文件安装完成。 vue-cli这个构建工具大大降低了webpack的使用难度,支持热更新,有webpack-dev-server的支持, 相当于启动了一...
  • 输入`npm install nrm -g`回车,进行全局安装nrm工具4,输入`npm install @vue /cli -g`命令回车,安装Vue脚手架工具5,提示这个的时候代码脚手架已经顺利安装成功!三.利用Vue脚手架创建第一个Vue项目1,输入命令`...
  • Vue 项目中路由和组件的应用及存在问题 创建一个springboot项目 引入 <!--引入bootstrap核心css--> <link rel="stylesheet" href=...
  • 1.9.vue脚手架使用

    2021-01-27 22:39:14
    安装2.1安装node和npm2.2配置npm服务器地址(运行cmd 再在命令行输入)2.3安装vue脚手架2.4创建vue项目2.5启动图形界面创建2.6安装插件和依赖3.导入vue项目到编辑工具4.整理项目结构5.将之前编写的登录页面与动态...
  • Vue脚手架的基本使用

    2021-10-16 22:54:37
    Vue脚手架用于快速生成Vue项目基础架构 使用步骤: 安装Vue脚手架 npm install -g @vue/cli 基于脚手架的图形化界面创建Vue项目 在终端中输入vue ui命令,打开图形化界面
  • 使用vue脚手架搭建项目详解

    千次阅读 2020-02-24 09:44:12
    安装vue脚手架 这里的版本是vue cli4 cnpm i @vue/cli -g 启动vue脚手架图形化界面 打开命令行,输入以下命令 vue ui 通过vue脚手架图形化界面创建项目 选择项目目录 ...
  • 通过 VUE 脚手架创建项目 通过 VUE 脚手架创建项目
  • 03-快速建立vue脚手架

    2021-04-27 20:32:08
    快速建立vue脚手架一、vue脚手架基本概念1.1、什么是vue脚手架?1.2、vue脚手架的安装前提?1.2.1、node安装下载1.2.2、webpack安装二、安装Vue-cli2.1、安装Vue cli3 版本2.2、拉取Vue cli2 版本三、创建Vue-cli2...
  • 网上搭建Vue脚手架的文章有很多,有的步骤不全,有的时间已经太久,导致安装的时候会遇到一系列不必要的错误,今天自己成功搭建了一遍,记录一下,供以后参考 1、 安装nodejs环境 官网下载:...

空空如也

空空如也

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

vue脚手架启动命令

vue 订阅