安装nodejs和npm

这个就不细说了，网上有很多相关资料。

注意，如果npm版本低可能不行，升级npm使用命令：

sudo npm install -g npm

查看npm版本使用命令

npm -v

安装淘宝镜像

安装命令：npm install -g cnpm --registry=https://registry.npm.taobao.org

验证命令：cnpm -v

安装webpack

可能需要提前安装webpack-cli npm install webpack-cli -g

安装webpack npm install webpack -g

验证 webpack -v

注意：webpack依赖webpack-cli，但是webpack-cli并不会自动安装，所以需要我们手动安装。

如果未安装，当执行命令webpack -v会提示是否安装，直接yes安装即可。应该也可以提前先安装完再安装webpack

安装vue

安装语句为：npm install --global vue-cli

验证命令:vue -V (注意V要大写)

新建vue项目

打开webstorm（要高版本，至少2017版本及以下没有），依次点击new project -> vuejs，然后输入项目名称，一路next即可。

打开项目后等待build完成，可以看到运行栏出现npm start，点击run即可运行项目。

如果点击run出错如下：

[webpack-dev-server: command not found]

在终端中，在项目目录下执行cnpm install，然后执行npm run dev就运行起来了，这时候打开http://localhost:8081就可以看到了。

然后下次运行就可以直接run了。

mac上搭建vue环境及webstorm新建vue项目相关推荐

安装vue环境，并新建Vue项目
一.安装vue环境,并新建Vue项目首先我们上node.js官网(https://nodejs.org/zh-cn/),下载最新的长期版本,直接运行安装完成之后, 我们就已经具备了node和npm的 ...
Flink从入门到精通100篇（一）-如何在Mac 上搭建 Flink环境并做简单测试
准备工作安装查看 Java 的版本号,推荐使用 Java 8. 安装 Flink 在 Mac OS X 上安装 Flink 是非常方便的.推荐通过 homebrew 来安装. 1brew insta ...
python可以在macbook_在mac上搭建python环境
原文出处:http://blog.justbilt.com/2014/07/02/setup_python_on_mac/ 这两天重新搞了下python的环境,发现好多地方还是容易忘记,因此有了这篇文 ...
mac mysql 链接_mac上搭建mysql环境配置和Navicat连接mysql
mac上搭建mysql环境配置注意:mysql版本要和你的MAC版本保持一致 2.一路傻瓜式点击下一步此处选择"Use Legacy Password Encryption", ...
[转] 在Mac上搭建React Native开发环境
原文链接: http://blog.csdn.net/xiangzhihong8/article/details/53914336 概述前面我们介绍过在window环境下开发React Native ...
spark python3.6_在mac上搭建spark＋ipython环境
Big Data computing 下课之后回去试着搭建了一下spark环境,在这里记录安装过程中遇到的坑及解决方法和一些待解决的问题. mac上的python环境:Anaconda for pyt ...
python数据分析开发环境_在MAC上搭建python数据分析开发环境
最近工作转型到数据开发领域,想在本地搭建一个数据开发环境.自己有三年python开发经验,马上想到使用numpy.scipy.sklearn.pandas搭建一套数据开发环境. ubuntu的环境,百 ...
在MAC上搭建cordova3.4.0的IOS和android开发环境
Hello,大家好,今天给大家说说在mac上搭建cordova3.4.0的IOS和android开发环境,首先下载cordova,地址:https://cordova.apache.org/#down ...
Mint系统使用介绍，Mint系统安装，在Mint系统上搭建GPU环境，在Mint系统上安装Pycharm、Anaconda等软件，在Mint系统上安装cuda和cudnn
欢迎大家关注笔者,你的关注是我持续更博的最大动力原创文章,转载告知,盗版必究 Mint系统使用介绍,Mint系统安装,在Mint系统上搭建GPU环境,在Mint系统上安装Pycharm.Anacon ...

mac上搭建vue环境及webstorm新建vue项目