Vue.js 环境搭建

Mac系统

1.安装Homebrew

2.安装node.js

brew install node 新版本已经集成npm 了不需要单独安装,可以使用npm -v看看

3.安装淘宝镜像

在国内直接使用npm的官方镜像是比较慢的,这里我们采用的是淘宝镜像

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

然后就可以使用 cnpm 命令

4.安装webpack

cnpm install webpack –g

5.安装vue脚手架(非必需,如果不按照可以使用这种创建方式:http://blog.csdn.net/u014702332/article/details/63044483)

npm install vue-cli –g

6.在硬盘新建一个文件夹来存放工程,在终端中进入该目录

cd 目录路径

根据模板创建项目

vue2.0格式

vue init webpack-simple 工程名字<工程名字不能用中文>

这里会有一些初始化的设置,如下输入:

Target directory exists. Continue? (Y/n)直接回车默认(然后会下载 vue2.0模板,这里可能需要连代理)

Project name (vue-test)直接回车默认

Project description (A Vue.js project) 直接回车默认

Author 写你自己的名字


7.安装项目依赖

npm install

8. 安装 vue 路由模块 vue-router 和网络请求模块 vue-ressource(非必需)

cnpm install vue-router vue-resource --save

9.启动项目

npm run dev


参考:https://my.oschina.net/u/2971691/blog/843050


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值