vue学习（1）-环境搭建

1. 安装brew，不知道是不是mac专属。输入

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

2. 安装VS Code
3. 安装nodejs，nodejs官网下载，防止用到记一下。

Node.js was installed at
/usr/local/bin/node
npm was installed at
/usr/local/bin/npm
Make sure that /usr/local/bin is in your $PATH.

4. 安装淘宝镜像，在VS Code中控制台输入

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

5. 安装webpack，输入

cnpm install webpack -g

6. 安装vue脚手架，输入

npm install vue-cli -g

7. 打开一个装demo的文件夹，输入

cd /Users/apple/Desktop/demo

8. webpack创建 redtide_b 项目，输入

vue init webpack-simple redtide_b

• 这个是简易版，完整版输入

vue init webpack redtide_b

三个确认命令后项目基本搭建完成。

打开文件后，文件结构

程序结构

9. 安装项目依赖

npm install
cnpm install

10. 安装路由和网络请求模块

cnpm install vue-router vue-resource --save

11. 运行

cnpm run dev

成功搭建

运行界面

• 使用webpack完整模板报错
  Error: Cannot find module 'chalk'
  运行npm install安装需要的各种东西。

参考：作者jinkeyblog https://jinkey.ai/post/tech/vue2.0-xin-shou-wan-quan-tian-keng-gong-lue-cong-huan-jing-da-jian-dao-fa-bu”