Vue 零开始(一)1. 查看是否安装 Homebrew包管理工具 2. 查看是否安装node&npm 3. 查看npm

1. 查看是否安装 Homebrew包管理工具

|- brew -v
|- 如果没有安装 执行 /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

2. 查看是否安装node&npm

|- node -v
|- npm -v
|- 查看node路径: which node
|- 获取nodejs模块安装目录访问权限: sudo chmod -R 777 /usr/local/lib/node_modules/
如果没有安装过node，请去node官网下载mac版直接安装(新版node集成npm)

3. 查看npm 镜像源

|- npm config resitry
|- 因为墙的原因，建议转到淘宝镜像: npm config set -g registry https://registry.npm.taobao.org
|- 安装yarn: npm i -g yarn

4. 安装webpack

|- sudo npm i webpack -g
|- sudo cnpm i webpack-dev-server -g  // 为了防止执行npm run dev 提示权限error问题

5. 安装Vue脚手架

|- sudo yarn global add vue-cli
|- vue  // 返回Vue info 安装成功

6. 创建项目

|- vue init webpack demo  
|- 由于近段时间公司网络线路问题  就算转了淘宝镜像 一直vue init失败 network无法访问等，
    采取终极解决方案：
       |- https://github.com/vuejs-templates/下载 webpack-simple or webpack模板

       |- 在admin下面新建 .vue-template 文件夹 将 下载模板文件夹放置于此
|- vue init webpack demo --offline (离线)
   vue init webpack-simplate demo --offline (离线)

7. 启动package

|- cd demo //进入创建项目的目录
|- 依赖包安装
   |- npm install
      或者
      yarn 或者 yarn install
|- npm run dev 
   或者
   yarn run dev