Node环境、Vue-cli安装

最新推荐文章于 2024-06-24 19:51:55 发布
最新推荐文章于 2024-06-24 19:51:55 发布
阅读量219 收藏
点赞数
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35574727/article/details/81329516
版权
本文详细介绍了如何下载和安装Node.js环境，以及如何全局安装和使用vue-cli。通过步骤指导，包括从访问官网下载Node.js安装包，到通过cmd窗口测试安装成功。接着，文章演示了使用npm或cnpm全局安装vue-cli，并通过vue-cli初始化项目，选择webpack模板，配置项目信息，并了解项目启动的三个基本步骤。
摘要由CSDN通过智能技术生成

一.下载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】按钮


修改好目录后，点击【Next】按钮

最低0.47元/天 解锁文章
qq_35574727
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
通过nodejs安装vue-cli
u013427822的专栏
06-02 567
在window 7环境下，安装vue-cli失败了好多次，怀疑可能是当时公司网络的问题，还可能是根据网上的帖子配置环境变量有错。 完成安装的那次操作流程： 1. 删除了“C:\Users\你的用户名”底下的.npmrc文件 2. cmd窗口，在nodejs目录下（比如我的环境是e:\nodejs））：npm config set registry https://registry.npm.t
node.js、vue-cli安装及配置
学习记录
03-08 5305
vue项目搭建
安装vue脚手架，以及新建vue项目
蚂蚁的博客
05-20 676
使用nodeJs安装Vue-cli
vscode搭建vue开发环境(vue入门)
JSH的博客
03-20 2万+
一.安装VScode 从官网下载，安装就行。以下操作在win+r -> cmd 命令行界面讲解， 在vscode中就是在项目空白处右键open in Integrated Terminal(在内部终端中打开)执行即可。 二.安装node.js 从nodejs官网下载。安装就行。 安装完成之后，可以在命令行中输入node -v ，如果出现相应的版本号，则说明安装成功。 npm包管理器，是集成在node中的，所以，直接输入 npm -v就会如下图所示，显示出npm的版本信息。 其中npm
node环境安装及vue-cli使用（一）
架构师成长之路-技术篇
01-07 1878
安装包：node-v8.11.1-x64.msi（windows） 检查是否安装： 1、cmd 2、node –version Node.js安装配置 本章节我们将向大家介绍在window和Linux上安装Node.js的方法。 Node.js安装包及源码下载地址为：https://nodejs.org/en/download/。 ...
vue.js 三种方式安装(vue-cli)
热门推荐
muzidigbig的博客
05-29 33万+
Vue.js（读音 /vjuː/, 类似于 view）是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它不仅易于上手，还便于与第三方库或既有项目整合。 下面介绍三种 Vue.js 的安装方法： 1.独立版本 我们可以在Vue.js的官网上直接下载vue assets和static的区别 pnpm nvm(管理Node版本)、nrm(管理镜像源) 详解 Vue生命周期 父子组件的执行顺序
node.js环境安装以及Vue-CLI脚手架搭建项目教程
最新发布
小谷同学的博客
06-24 1912
本篇文章详细讲解了前端开发环境node.js的安装以及如何通过vue脚手架方式搭建前端项目和组件路由的配置，内容十分详细！创作不易，欢迎大家多多支持~
vue-cli安装和构建项目
qq_62881798的博客
09-26 3088
vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板。xxx 为自己创建项目的名称必须先安装vue,vue-cli，webpack，node等一些必要的环境*.vue 文件，是一个自定义的文件类型，用类似HTML的语法描述一个Vue组件。每个.vue文件包含三种类型的顶级语言块 , 和 。这三个部分分别代表了 html,js,css。
详解使用nodeJs安装Vue-cli
01-02
1、执行npm install –global vue-cli ，全局安装vue-cli —-因为默认是从国外服务器下，可以使用阿里巴巴在国内的镜像服务器。 产生通过config命令设置默认下载路径： npm config set registry ...
vue-cli中安装方法(图文详细步骤)
01-21
vue-cli脚手架模板是基于node下的npm来完成安装的所以首先需要安装node 1、安装node，vue运行需要基于npm一定的版本，所以首先升级npm到最新的版本，而在安装的过程中个人比较喜欢淘宝的镜像，所以先安装cnpm（因为...
安装vue-cli的简易过程
12-11
首先，安装Vue CLI之前，确保你的机器上已经安装了Node.js，因为Vue CLI是基于npm（Node Package Manager）的。你可以通过在命令行工具中输入`npm -v`来检查npm以及Node.js的版本。如果未安装或版本过低，你需要访问...
vue-cli开发的商城源代码
01-18
在创建项目时，vue-cli会生成一个基本的目录结构，包括src目录（存放源代码）、public目录（存放静态资源）、node_modules（依赖库）、package.json（项目配置文件）等。 在"mall-vue-master"这个项目中，我们可能...
vue-cli安装使用流程步骤详解
01-19
1.全局安装vue-cli cnpm i vue-cli -g 2.监测安装版本 vue -V 大写V : version 3.指定目录下新建项目 vue init webpack [项目名] 按自己的意愿配置、选择对应信息。最后配置完成检查package.json是否如此 4.进入...
node.js的安装教程及vue -cli脚手架的安装
shuang_com的博客
05-27 1085
一、先下载node.js版本 https://gitee.com/li_asdd/package/tree/master/nodeJS 这里有两个版本的node,大家可自行下载。 1、下载好可直接运行按照，只需一直下一步即可 2、在dos命令窗口输入node -v，检验是否安装成功，如果出现版本号即安装成功，如图： ...
vue-router——路由配置
qq_35574727的博客
08-07 1万+
一.什么是vue-router vue-router路由插件，这里的路由并不是指我们平时所说的硬件路由器，这里的路由就是SPA（单页应用）的路径管理器。再通俗的说，vue-router就是我们WebApp的链接路径管理系统。 二.vue-router安装 安装vue-router vue-router是一个插件包，所以我们还是需要用npm或cnpm来进行安装的。打开命令行工具，进入你的项目...
vue-router——重定向-redirect、过渡动画、路由钩子
qq_35574727的博客
08-07 9919
一.vue-router的重定向-redirect 有时候设置的路径不一致，但是我们希望跳转到同一个页面，或者说是打开同一个组件。这时候我们就用到了路由的重新定向redirect参数。 redirect基本重定向 我们只要在路由配置文件中（/src/router/index.js）把原来的component换成redirect参数就可以了。我们来看一个简单的配置。 export defa...
Vue 基本语法
qq_35574727的博客
07-26 394
Vue优点： 灵活、易用、高效； 用于构建用户界面的渐进式框架、自底向上逐层应用； Vue的核心库只关注图层，不仅易于上手，还便于与第三方库或既有项目整合。 当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用提供驱动。 Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统；数据和 DOM被建立了关联，所有东西都是响应式的。 ...
vue-router——路由传值
qq_35574727的博客
08-07 324
一、用name传递参数 1.在路由文件src/router/index.js里配置name属性。 routes: [ { path: '/', name: 'Hello', component: Hello } ] 2.模板里(src/App.vue)用$route.name的形势接收，比如直接在模板中显示： <p&...
Vue——样式绑定、计算属性与监听属性比较
qq_35574727的博客
07-27 290
一.样式绑定 http://www.runoob.com/vue2/vue-class-style.html 二.computed vs methods 我们可以使用 methods 来替代 computed，效果上两个都是一样的，但是 computed 是基于它的依赖缓存，只有相关依赖发生改变时才会重新取值。而使用 methods ，在重新渲染的时候，函数总会重新调用执行。 例子： ...
vue-cli安装失败
06-05
如果以上方法都无法解决问题，可以尝试重新安装 Node.js 和 npm，并重新安装 vue-cli。同时，也可以尝试使用其他方式构建 Vue.js 应用程序，比如使用 Vue.js 官方提供的 Vue CLI UI 界面化工具进行构建。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值