vue的学习记录--环境配置

一、vue的环境布置(mac电脑)

1.安装 Homebrew

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

在终端直接输入上面这段代码,然后回车,如果返回400的错误提示,建议翻一下墙,即可解决。

Homebrew 的简单使用

搜索软件:brew search 软件名,如brew search wget 安装软件:brew install 软件名,如brew install wget 卸载软件:brew remove 软件名,如brew remove wget 

更多详细操作到官网查询 http://brew.sh/index_zh-cn.html

2.安装 nodejs
brew install nodejs 

回车后,即可安装最新版的node,如果要安装指定版本的node,则输入

brew install homebrew/versions/node(xx版本号) 

接着查看有没有安装好

node -v 

还可以查看一下 npm 有没有安装好

npm -v 

在这里顺便把 淘宝的镜像 cnpm 安装好

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

如果要卸载node,则输入

brew uninstall node 

3.安装 vue

cnpm install vue 

安装好之后,接着安装 vue-cli

cnpm install -g vue-cli 

安装完成之后,输入 vue -V(注意 V 是大写)

vue -V 

能正常显示出版本号,表示安装成功

接下来我们需要指定一个目录存放我们的项目,可以选择任意路径,确定好路径后输入下面的命令

vue init webpack "项目名称" 

此时会一些设置选项填写,根据自身需求进行填写

? Project name my-project ? Project description test vue and webpack ? Author goAhead-jz ? Vue build standalone ? Install vue-router? No ? Use ESLint to lint your code? No ? Setup unit tests with Karma + Mocha? No ? Setup e2e tests with Nightwatch? No 

成功以后,我们进入项目所在目录

cd "项目所在文件夹" 

然后依次输入下面的命令

npm install npm run dev 

当出现下图时,说明已经配置完成
这里写图片描述

进入项目目录,config>index.js,把 8080 端口修改成一个不常用的端口

port

相关内容推荐