Vue环境搭建

参考资料：Vue2.0 新手入门 — 从环境搭建到发布

image

环境搭建步骤

1、安装brew

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

2、安装nodejs

brew install nodejs

3、安装淘宝镜像

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

4、安装webpack

cnpm install webpack -g

5、安装vue脚手架

npm install vue -cli -g

6、创建项目

cd 目录路径

vue init webpack-simple my-first-vue-project

7、cd 命令进入创建的工程目录

cd my-first-vue-projec

8、安装项目依赖

npm install

9、安装 vue 路由模块vue-router和网络请求模块vue-resource

cnpm install vue-router vue-resource --save

10、启动项目

npm run dev

⚠️ 自己搭建环境中出现的问题

1、创建项目时vue init webpack-simple my-first-vue-project 命令无效，提示如下：

image

处理方法，使用如下命令替换：

vue-init webpack my-first-vue-project