vue.js环境在window和linux安装

一.windows环境下安装vue

1.node.js安装:在node.js的官网上下载node的安装包 https://nodejs.org/en/download/

安装完毕之后,在命令行下验证是否安装成功:输入npm,显示如下就表示安装成功。

2.cnpm的安装:

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

3.vue-cli的安装:

cnpm install -g vue-cli

安装完后,检查是否安装成功,输入vue,出现以下提示表示安装成功。

二.linux环境下安装vue

1.将下载下来的node安装包放到linux环境下(这里我放的时/root目录下)

注意放在/root目录下的话其他用户是无法去执行vue的相关命令,如果你想要其他用户可以执行vue的相关命令的话一定不要把node安装包下载到/root目录下

2.解压node安装包:

tar -xvf node-v8.11.1-linux-x64.tar.xz

3.建立软连接实现linux环境下全局使用:

ln -s /root/node-v8.11.1-linux-x64/bin/npm /usr/local/bin/npm
ln -s /root/node-v8.11.1-linux-x64/bin/node /usr/local/bin/node

4.判断npm和node是否安装完成

npm -v     node -v

5.安装cnpm

(1)下载

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

(2)建立软连接实现全局使用:

ln -s /root/node-v8.11.1-linux-x64/bin/cnpm /usr/local/bin/cnpm

(3)判断cnpm是否安装完成:

cnpm -v

6.安装vue脚手架vue-cli

  (1)安装vue脚手架:

  cnpm install -g vue-cli

  (2)建立软连接实现全局使用

  ln -s /root/node-v8.11.1-linux-x64/bin/vue /usr/local/bin/vue

原文连接:https://www.wj0511.com/site/detail.html?id=1

原文地址:https://www.cnblogs.com/beile/p/12069897.html

时间: 2024-12-09 05:52:13

vue.js环境在window和linux安装的相关文章

【前端】vue.js环境配置以及实例运行简明教程

vue.js环境配置以及实例运行简明教程 声明:本文档编写参考如下两篇博客,是对它们的修改与补充,欢迎点击链接查看原文: 原文1:vue.js在windows本地下搭建环境和创建项目 原文2:Vue.js开发环境搭建 VUE.JS简介 何为Vue.js Vue.js(读音 /vju?/, 类似于 view)是一套构建用户界面的渐进式框架.与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计.Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合.另一方面,Vue

node.js环境在Window和Mac中配置,已经安装cnpm和配置Less环境

Node.js 和cnpm安装 最近准备学习vue.js,但首先需要配置电脑的环境.配置node.js. 1.在node(https://nodejs.org/en/)官网上下载安装node.js,两个版本都可以.傻瓜式的安装,一路Next,直到安装完成. 2.提示安装完成,要在终端上查看,是否安装成功.此时就是如何打开window和mac的终端Window:直接按window,并在搜索框出入cmd即可. Mac:按cmmand+空格,接着会弹出一个搜索框.在这个框里直接输入终端即可. 此时输入

vue.js环境搭建

vue最开始说是库,现在应该可以说是框架了,很多大公司都开始用vue了,这得源于vue的本质 1:数据化驱动,2:组件化模板.项目中用vue都得搭建环境,经过一段时间的摧残后终于有勇气来写篇关于vue环境搭建的博文了,我相信网上已经有很多前辈的博文能够帮助大家完成搭建,与我来说只是记录下自己搭建环境的一点心得,如若能够帮助到两三人,足以. 1:因为vue.js的运行是基于node.js的npm环境下,所以我们得先安装node.js,这个就不累赘了,网上下个node.js安装即可. 2:记得刚开始

Vue.js 学习入门:介绍及安装

Vue.js 是什么? Vue (读音 /vju?/,类似于 view) 是一套用于构建用户界面的渐进式框架.与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用.Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合. 详细讲解内容可见:一句话理解Vue核心内容 (这块内容之后再做个阅读笔记) 环境搭建 1.下载 nodejs(http://nodejs.cn): node -v 终端查看安装成功 npm -v 查看npm版本安装成功 2.安装 vue 命令:npm

搭建vue.js环境

第一步:安装node.js. · 1.在f盘上新建文件夹node,jiang 2.百度node官网,下载node.js 3.点击下载的node.js进行安装.安装地址选在F:\node\nodeResore 4.查看nodejs有没有安装好:cmd打开命令窗口,找到F:\node\nodeResore路径,输入path,此时能看到F:\node\nodeResore路径. 输入 node -v  能看到你安装的nodejs的版本号. 第二步:需要配置npm的全局模块的存放路径以及cache的路径

vue.js环境搭建踩坑记

1. JS 包安装工具的选择npm or yarn 刚开始进行环境搭建的时候,用的是npm包管理工具,但是运行命令 npm run dev,启动项目总是报错,百度说是webpack和webpack-dev-server版本不兼容问题 原因:这是新版webpack存在的BUG,卸载现有的新版本webpack,装老版本就好 但是在用npm update命令后,webpack和webpack-dev-server版本会自动升级,,后面看到了用yarn, 具体步骤可参考:https://blog.csd

vue.js初学,笔记1,安装

说明:因为npm安装插件是从国外服务器下载,受网络影响大,可能出现异常,如果npm的服务器在中国就好了,所以我们乐于分享的淘宝团队干了这事.来自官网:"这是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步." 官方网址:http://npm.taobao.org 安装:命令提示符执行npm install cnpm -g --registry=https://registry.npm.taobao.org 注意:

vue.js单页面应用实例

一:npm的安装 由于新版的node.js已经集成了npm的环境,所以只需去官网下载node.js并安装,安装完成后使用cmd检测是否成功. 测试node的版本号:node -v 测试npm的版本号:npm -v 以上提示代表安装成功 二:vue.js环境搭建 1.首先安装淘宝的npm镜像:npm install -g cnpm --registry=https://registry.npm.taobao.org 2.安装vue.js环境::cnpm install -g vue-cli 3.测

Vue.js的从入门到放弃进击录(一)

感谢我们项目组给机会,让我学了Vue.js,打开新世界大门...哈哈哈,也没有那么夸张,不过学下来确实觉得入门还是蛮容易的.我大概前前后后学了有一个月的样子,一开始只是比较急着可以写东西出来,后来因为分配到九月份的分享,项目组也买了vue相关的书籍,所以又进行了比较深入的一个学习. ====================================================嘀 哩哩 哩~=================================================