##mac系统下搭建vue开发环境

1. 首先需要安装homebrew

2. 再安装nodejs

brew install nodejs

3. 再安装npm(淘宝镜像)

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

4.安装webpack

cnpm install webpack -g

5. 开始创建我们的工程

先创建一个项目文件夹在桌面(或其他你想存放的地方) 
然后cd 进入这个文件夹: 

cd Desktop/vueapp

再执行 

vue init webpack vueapp

6. 执行成功后,再执行

cnpm install

7. 执行完后,再执行

cnpm run dev

 

原文地址:https://www.cnblogs.com/letoo/p/8596420.html

时间: 2024-10-06 14:38:17

##mac系统下搭建vue开发环境的相关文章

【原创】win10下搭建vue开发环境+IIS部署

[原创]win10下搭建vue开发环境 如果要转发,请注明原作者和原产地,谢谢! 特别说明:下面任何命令都是在windows的命令行工具下进行输入,打开命令行工具的快捷方式如下图: 详细的安装步骤如下: 一.安装node.js 说明:安装node.js的windows版本后,会自动安装好node以及包管理工具npm,我们后续的安装将依赖npm工具. node.js的官方地址为:https://nodejs.org/en/download/,如下图所示: 根据自己电脑的具体配置,选择你要下载的安装

mac os 下搭建android开发环境

mac os 下搭建android开发环境 周银辉 mac os 下搭建android环境比较方便, 如下几个步骤: 1,安装jdk 先搞清楚自己是否已经安装,在命令行下:java -version,如何有版本信息输出,则已经安装了,比如我的 192% java -version java version "1.8.0_05" Java(TM) SE Runtime Environment (build 1.8.0_05-b13) Java HotSpot(TM) 64-Bit Ser

Ubuntu系统下搭建Python开发环境

之前演示了在Windows中安装Pycharm,很简单.下面介绍一下如何在Ubuntu中安装Pycharm 1.更新Python至3.5.1,执行以下命令: sudo add-apt-repository ppa:fkrull/deadsnakes sudo apt-get update sudo apt-get install python3.5 执行完成后,在shell中输入python3.5,出现如下对话框说明Python3.5更新成功. 2.安装JDK8,在终端中输入如下命令: sudo

如何在Mac OS系统下搭建Java开发环境图解

似乎有很久都没有写博客了,有工作的一些原因,也有个人的一些原因,今天刚好下雨,也没有地方可去,于是就窝在家里倒腾了下,本篇文章主要是简单介绍一下如何在Mac OS系统下搭建java的开发环境,做java开发工作,当然首先是得有一个java环境,所以接下来主要是简单介绍一下Mac环境下java环境变量的一些配置工作. 鄙人的电脑配置: 打开终端,查看10.9.5版本的系统用的是什么shell命令: 大家可以看到,控制台输出地bash,说明系统用的是Bourbe shell,是默认的Unix She

windows下搭建vue开发环境+IIS部署

特别说明:下面任何命令都是在windows的命令行工具下进行输入,打开命令行工具的快捷方式如下图: 详细的安装步骤如下: 一.安装node.js 说明:安装node.js的windows版本后,会自动安装好node以及包管理工具npm,我们后续的安装将依赖npm工具. node.js的官方地址为:https://nodejs.org/en/download/,如下图所示: 根据自己电脑的具体配置,选择你要下载的安装包,作者选择的是windows 64bit. 下载完毕,按照windows一般应用

windows下搭建vue开发环境实践

Vue.js是一套构建用户界面的 “渐进式框架”.与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计.Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合.2016年,Vue同Angular.React形成三足鼎立的局面.为了提升自己的知识面,今天实践操作一下Vue的环境搭建. 一.安装node.js Vue项目通常通过webpack工具来构建,而webpack命令的执行是依赖node.js的环境的,所以首先要安装node.js.官方地址为:https://n

Spark家族:Win10系统下搭建Scala开发环境

一.Scala环境基础 Scala对Java相关的类,接口进行了包装,所以依赖Jvm环境. Jdk 1.8 scala 依赖 scala 2.11 安装版本 idea 2017.3 开发工具 二.配置Scala解压版 1)注意路径无空格和中文 2)配置环境变量 添加到path目录 %SCALA_HOME%\bin 3)检测是否安装 配置成功,没错就是这么简单. 3.配置Idea开发 1)插件安装,就是点点点 2)新建两个maven项目 在scala-base-hello 的 main 目录下创建

Spark框架:Win10系统下搭建Scala开发环境

一.Scala环境基础 Scala对Java相关的类,接口进行了包装,所以依赖Jvm环境. Jdk 1.8 scala 依赖 scala 2.11 安装版本 idea 2017.3 开发工具 二.配置Scala解压版 1)注意路径无空格和中文 2)配置环境变量 添加到path目录 %SCALA_HOME%\bin 3)检测是否安装 配置成功,没错就是这么简单. 三.配置Idea开发 1)插件安装,就是点点点 2)新建两个maven项目在scala-base-hello 的 main 目录下创建s

Linux centos 7 环境下搭建vue开发环境

下载node.js安装包 #wget https://npm.taobao.org/mirrors/node/v10.13.0/node-v10.13.0.tar.gz #tar -zxvf node-v10.13.0.tar.gz #cd node-v10.13.0 #./configure #make && make install 编译安装时间比较长,请耐心等待完成,完成后验证 使用node -v和npm -v来验证是否安装成功,若安装成功则会看到相应的版本信息 安装cnpm: #n