vue开发环境的搭建 ,Mac环境
1、安装brew
如果已经安装了brew,跳过本小节
安装命令:/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
2、nodejs安装
安装命令:brew install node
,安装的是nodejs的最新版本,如果要安装长期支持版本,可自行下载,下载地址:https://nodejs.org/en/
。
3、安装淘宝镜像cnpm
安装命令:npm install -g cnpm --registry=https://registry.npm.taobao.org
, 安装cnpm的原因在于 npm 安装速度慢,安装使用介绍参照:使用淘宝 NPM 镜像。
4、安装webpack-全局安装
安装命令:cnpm install webpack -g
WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其转换和打包为合适的格式供浏览器使用。
5、安装vue-全局安装
安装命令:cnpm install vue-cli -g
6、创建项目
6.1 mkdir your_dir && cd your_dir
6.2 vue init webpack-simple your_project
, 会有一些初始化的设置,如下输入:
a、Target directory exists. Continue? (Y/n)直接回车默认(然后会下载 vue2.0模板,这里可能需要连代理)
b、Project name (vue-test)直接回车默认
c、Project description (A Vue.js project) 直接回车默认
d、Author 写你自己的名字
7、安装项目依赖
安装命令:cnpm install && cnpm run dev
参考
1、vue开发环境搭建Mac版
2、Vue.js 2.0环境搭建(mac机系统环境)
3、Vue2.0 新手入门 — 从环境搭建到发布
4、试着用React写项目-利用Webpack搭环境
5、入门Webpack,看这篇就够了
6、前端构建工具:webpack从安装到起飞
7、NPM 使用介绍
8、Vue官网
网友评论