Vue和Vue-cli环境安装

使用npm利用vue-cli搭建vue环境 最近一段时间vue js非常流行,伴随着vue2.0版本的发布,一套前端基于node环境下的自动化环境构建方法随之出现,自己最近尝试用vue-cli着构建一个基于vue的环境,我尽可能的将每一个知识点讲清楚 1、npm:引自百度百科       NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:1、允许用户从NPM服务器下载别人编写 阅读详情

1 环境安装

1.1 安装node.js

作用:Node 是一个让 JavaScript 运行在服务端的开发平台
查看node版本: node -v
查看npm版本: npm -v


1.2 安装淘宝镜像(cnpm)

作用:它提供了一个中间镜像,解决npm安装速度慢的问题。
安装命令: npm install -g cnpm --registry=https://registry.npm.taobao.org
查看cnpm版本: cnpm -v


1.3 安装webpack

作用:webpack是模块打包工具,可以把互相依赖的模块处理成静态资源。
安装命令:npm install webpack -g
查看webpack版本: npm info webpack,也可以使用 webpack -v,不过可能会提示安
装webpack-cli。


1.4 安装脚手架

作用:可以快速自动创建vue.js+webpack的项目模板和Vue环境
安装命令: cnpm install -g vue-cli
查看vue版本: vue -V


2 项目创建

创建项目命令:vue init webpack hello-word
创建项目时间比较长,如果安装失败,重新试一次,可能会成功。

windows下vue-cli及webpack 构建网站(一)环境安装 1、安装node.js,Node.js安装包及源码下载地址为:https://nodejs.org/en/download/。 2、安装npm,由于新版的nodejs已经集成了npm,所以之前npm也一并安装好了。同样可以通过输入 "npm -v" 来测试是否成功安装。命令如下,出现版本提示表示安装成功: $ npm -v 3.10.8 如果你安装的是旧版本的 npm,可以很容易得通过 阅读详情

相关推荐

Vue-Cli3 - 从安装 nodejs 配置环境 ~ 搭建 cli 脚手架项目全过程

以下过程凡是涉及到终端的使用,一定都要使用 管理员 方式打开!

CYK_byte的博客 3441

Vue-Cli(脚手架)安装及如何创建Vue-Cli项目-保姆级别教程,手把手教会你

快速创建 Vue.js 项目的向导式用户界面:我们只需要按照界面上的步骤一步步操作,就可以快速创建一个 Vue.js 项目。支持自定义配置:Vue CLI 提供了多种配置选项,开发者可以根据自己的需求进行选择和配置。支持插件扩展:Vue CLI 支持插件化扩展,开发者可以根据需要安装插件,例如路由、状态管理等。支持开箱即用的工具集成:Vue CLI 集成了很多实用的工具,例如 Babel、Webpack、ESLint 等。

m0_72568513的博客 5万+

STM32F103多通道PWM输出避坑指南:TIM1_CH1异常输出的解决方案

本文深入解析STM32F103多通道PWM输出中的TIM1_CH1异常问题,提供从时钟配置到GPIO复用的系统化解决方案。通过黄金法则配置流程和高级调试技巧,帮助开发者快速定位并解决PWM输出不稳定、占空比异常等问题,同时拓展多定时器协同和互补PWM等高级应用场景。

weixin_29194817的博客 117

Vue——安装@vue/cli(Vue脚手架)的三种方式

开发项目需要用到脚手架,现在给出三种方法安装脚手架 注意:要提前下载好Node.JS以及Git。 不会的小伙伴可以看下面的详细过程 1、首先需要下载Node.JS 下载所对应的系统以及版本号,我这里用的是win10 64位的安装包 下载完后并且安装 安装完成后按住win+r键调出控制台,输入cmd进入 然后输入node -v查看版本号 找到后再去下载另一个Git 然后点击对应的版本即可下载安装 安装完毕后在桌面上右击鼠标看到git即可成功 接下来重......

NanChen的博客 1万+

EDA公司(一):Synopsys-- 主要 EDA 工具及其简介

Synopsys 是一家领先的电子设计自动化(EDA)软件公司,提供了一系列全面的产品和服务,旨在支持从概念设计到大规模生产的各个阶段。Synopsys 的 EDA 工具覆盖了芯片设计的各个方面,包括但不限于逻辑综合、静态时序分析、功能验证、物理实现、形式验证、测试插入、电源分析、信号完整性分析等。

MHD0815的博客 3311

国内网络环境下Leaflet加载OpenStreetMap地图的5种替代方案(附可用瓦片地址)

本文针对国内网络环境下Leaflet加载OpenStreetMap地图的常见问题,提供了5种可用的瓦片替代方案,包括OpenStreetMap.fr HOT、OpenStreetMap.de、CartoDB、Stamen和Thunderforest,并附上详细的代码示例和选择建议,帮助开发者解决地图加载问题。

qsc901234的博客 1695

用npm安装vue和vue-cli,并使用webpack创建项目

一、npm 版本需要大于 3.0,如果低于此版本需要升级它: # 查看版本 $ npm -v 2.3.0 #升级 npm cnpm install npm -g 二、在用 Vue.js 构建大型应用时推荐使用 NPM 安装: # 最新稳定版 $ cnpm install vue 三、Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。 #

FireBird_one的博客 5685

具身机器人内部PCB板分类与系统架构详解

本文系统梳理了机器人内部PCB板的功能架构,将其划分为5大模块:1)核心主板(含主控计算机板、实时控制板等);2)感知类PCB(视觉、听觉、触觉等);3)运动控制类PCB(伺服驱动、编码器等);4)电源与安全类PCB(电源管理、BMS等);5)通信类PCB(EtherCAT背板等)。通过人体器官类比(如大脑对应主控板、小脑对应实时控制板),详解了各模块的芯片选型、位置分布及协同关系,并给出信号/能量/指令的三流闭环示意图和典型系统参数(48V供电、1ms通信周期)。整体呈现了机器人"神经系统&qu

几十年资深高级架构师,技术专家的技术笔记。专注C、Java、Python、微服务、云原生、AI工程化及高并发系统分布式架构实战,分享源码剖析、性能调优与架构治理经验。 321

Vue+Vue-Cli安装配置使用全过程详解

这里我看的是另一个博主的文章,写的非常详细,遇到问题可以看看讨论区推荐如express之类的模块用镜像安装。打开之前设置的node_global文件夹,在命令行中全局安装如果出现"Unhandled rejection Error:EACCES:permission denied",说明操作权限不足,需要重新安装可采用如下代码。(不是很推荐,因为可能会出现一些错误)检查是否安装完成,如果终端输出版本号,表示 Node.js 已安装。

qq_53878224的博客 2385

【UV打印机】RYPC打印软件教程(二)-软件界面概述

下图是控制软件的主操作界面.将喷绘机的操作规纳为四块,分别为参数设置,任务选择,打印控制,系统维护,对于日常打印而言,只需操作任务选择,打印控制。从而使汲及的操作相对较少,使得系统对普通用户而言简单易用.

Print World的专栏 3601

嵌入式统一消息机制:模块解耦与零拷贝通信设计

在嵌入式系统开发中,模块间通信(IMC)是影响可维护性与实时性的关键环节。传统IPC方式如全局变量、信号量或Socket易导致高耦合、调试困难及跨平台适配成本高。统一消息机制通过逻辑地址抽象、标签/实体分离、路由表驱动等原理,实现控制流与数据流解耦,在裸机、RTOS及Linux用户态保持一致接口。其技术价值在于降低模块依赖复杂度、支持动态增删与分布式迁移,并通过零拷贝优化显著减少CPU与内存开销。典型应用场景涵盖工业网关、城域交换机、多核ARM边缘设备等资源受限环境,尤其适用于需长期稳定运行、快速迭代与混合

weixin_35257663的博客 265

【VueJS】windows环境安装vue-cli及webpack并创建VueJS项目

1. 安装node.js, Node.js安装包及源码下载地址为:https://nodejs.org/en/download/。 这次node.js不是主角,默认已安装好了,通过npm –v查看node.js是否安装好以及安装的node.js版本 如果你安装的是旧版本的 npm,可以通过 npm 命令“npm install npm -g”来进行版本升级。 ...

251

大模型之Spring AI实战系列(二):Spring Boot + OpenAI 打造聊天应用全攻略

本篇文章是《Spring AI实战》专栏的第一篇开发入门文章,我们将借助一个完整的OpenAI聊天应用示例,详细介绍如何运用Spring Boot和Spring AI快速搭建一个支持OpenAI API的聊天服务,全面涵盖基础对话、流式对话、多提供商配置等核心功能。

寻道AI,探索AI无限可能! 6867

Mac 环境安装 Vue Cli

表示 Node 版本过低,不适合当前 Vue Cli 版本,此时需要升级 Node 版本。如果没有 Node 环境,则需要先安装,可以直接到。先安装 Node 的一个版本管理工具【n】再次查看 Node 和 npm 版本。再升级 Node 版本。

相逢不晚的博客 3923

25、压电泵致动器变形计算与测量及转弯腔射流特性的有限元分析

本文围绕压电泵致动器的变形计算与测量以及转弯腔射流特性的有限元分析展开研究。通过建立有限元模型和抛物线拟合方法,对压电泵致动器的位移和变形体积进行了详细计算,并探讨了其对传感器性能的影响。同时,利用ANSYS软件对转弯腔在不同角速率输入下的射流特性进行了仿真分析,揭示了流场分布随角速率变化的规律。研究成果为压电流体角速率传感器的设计优化提供了理论依据和技术支持。

ooo22的博客 125

jre9下载 jdk9

(Java SE Runtime Environment 9.0) 9.0u175 官方最新版 【x86|x64】

Vue环境安装、Vue-cli安装、初始化项目

隔了近7月没敲过代码,连最初的Vue项目初始化都忘记了,今天有时间,回忆下;之后有时间还是天天的看会,不能忘了吃饭的家伙啊~~~~ Vue环境安装 1、安装node.js(版本不得低于8)全局安装,下载node的链接路径https://nodejs.org/en/,选择带有Current的安装;步骤只需next next就行,没有确认的规范;安装的盘符,你可以自己选择,之后检查node是否安...

Jackson_ji的博客 804

大中型超市收银系统(可直接运行)

光步前台收银系统系统功能:商品销售、商品退货、挂单、收银员权限、会员销售、单品取消、整单取消、商品查询、脱机销售、脱机数据上传,基本资料下载,开钱箱、小票打印、收款结算,支持多币种付款方式(现金、储值卡、礼券、微信等),支持多种促销。运行环境:.net 4.0登陆信息用户名:1001 密码:123456内置商品信息,商品编码可输入00001000 - 00010000,测试效果相关功能键F5 结算 F9挂单 F11商品查询 F8退货 Insert单品取消 Del整单取消 F12开钱箱F2 会员 Ctrl+Z退出系统 Home 锁屏 相关源码待公开

vue-cli安装及新建工程-Vue开发环境搭建(三)

vue-cli安装及新建工程 vue-cli是从头搭建vue工程的脚手架(也就是工具),通过该工具,可以简化很多工程搭建的配置环境,vue-cli的官网地址为:https://cli.vuejs.org/zh/ 安装 用npm命令安装,在命令行下直接输入npm安装 npm install -g @vue/cli # OR yarn global add @vue/cli 安装完成后,在命令行输入(注意大小写): vue -V 会输出安装的版本号: C:\Users...

ningfuxuan的专栏 161

VC中sqlite的使用

在VC中对sqlite的使用,实现数据库大批数据的快速插入,读取数据库中的数据在ListCtrl中显示

TMS_WebGMaps_1.9.8.0_Full_Source

TMS_WebGMaps_1.9.8.0_Full_Source 全源码 delphi cbuilder

离线环境安装vue脚手架vue-cli

必看!!!:该方法适用于已在联网的时候开发过且有项目,现在需要搬到断网无项目的环境中,其他的应用环境没有测试过 1. 进入以下目录: c:\users\root 复制隐藏文件夹 .vue-templates 到相同的目录 2. 进入以下目录: C:\Users\root\AppData\Roaming 复制以下两个文件夹 npm npm-cache 到相同的目录 3.查看vue版本 vue -V ...

qq_41916791的博客 2107

Node环境、Vue-cli安装

一.下载Node.js 打开官网下载链接:https://nodejs.org/en/download/我这里下载的是node-v6.9.2-x64.msi,如下图: 二.开始安装Node环境 1.下载完成后,双击“node-v6.9.2-x64.msi”,开始安装Node.js 点击【Next】按钮 勾选复选框,点击【Next】按钮 修改好目录后,点击【N...

qq_35574727的博客 310

安装vue-cli环境

(网络稳定的情况下安装) 1.安装node 查看电脑有没有node环境 cmd命令:node -v 如果已经安装node会显示如下: 如果没有: node下载网站: https://nodejs.org/zh-cn/download/ 都是傻瓜式安装 安装完成后:再次查看:node -v 2.安装cnpm cmd命令:npm install -g cnpm --registry=http...

weixin_41997060的博客 338

vue-cli环境安装

有道云笔记链接 http://note.youdao.com/noteshare?id=849e3693be47f56ddcd7f5f902692e49&sub=51BBA5AE87974828BE191B540AE82264 基于vue 2.0 开发大型的VUE项目时 首先要...

chifudai0188的博客 160

企业内网环境下Vue CLI的正确安装姿势

配置npm registry代理生成离线安装包在内网环境中安装Vue CLI及其依赖配置环境变量以确保可用在内网环境中配置Vue CLI确实会遇到一些挑战,但通过合理的离线包准备和环境配置,完全可以解决这些问题。本文提供的方法已经在多个企业内网环境中验证有效。如果你有更好的解决方案,也欢迎分享交流。

EmeraldEagle36的博客 430

搭建vue开发环境——安装node和vue cli(vue脚手架)

1.安装node.js(vue需要依赖node的npm包管理工具) node.js安装包下载地址:下载 | Node.js (nodejs.org) 2.双击安装,安装路径改到D:盘下(C:盘启动需要管理员权限运行),其他都默认就可以。 3.安装完成后, 3.1检测是否安装成功 win+R(打开运行框); 输入cmd(打开命令框); 输入node -v或npm -v(显示版本号,表示安装成功); 3.2查看版...

zhengjingID的博客 1759

安装nvm(详细教程),配置全局node环境并安装vue/cli

nvm 安装包链接: https://pan.baidu.com/s/1EKOnPYRq6_QjzdFVcpH0Fw?pwd=2ujg选好安装路径后直接安装即可:安装完成后,在 nvm 安装的目录下找到 setting.txt 文件,将以下代码复制到里面,完成 nvm 源修改。 查看环境系统变量: nvm 命令: 使用 nvm 安装 14.20.1 版本的 nodejs : 安装并使用完成后依次输入以下命令查看版本号: nvm 安装目录结构如下图: 配置 node_global 全局路

m0_60189088的博客 5200

VUE CLI环境安装

VUE CLI环境安装 1.为什么安装vue脚手架 vue脚手架通过webpack搭建开发环境 使用es6 打包和压缩js为一个文件 项目文件在环境中编译,而不是浏览器。 实现页面自动刷新 2.下载安装node.js node.js官网:http://nodejs.cn/ 3.cmd测试是否安装成功 node -v 出现版本号表示安装成功 npm -v 出现版本号表示安装成功 4.全局安装 vue-cli npm install --global vue-cli 创建一个基于webp

de956的博客 60
上一篇: 百度语音合成(Android简单实现)
下一篇: jquery.i18n国际化简单实现
MasonYyp
博客等级 码龄9年 301粉丝 297原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值