1、安装homebrew（是Mac OS x下的软件包管理工具，可以安装，卸载，更新，查看，搜索等功能）
终端输入：ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"。开始安装，中间可能要输入电脑密码，耐心等待过后出现下图表示安装成功。可通过brew -v 查看版本。
image
2、安装nodejs
终端输入：brew install nodejs 或者直接官网手动安装。 node -v 查看 nodejs版本
注：网上说使用终端安装会需要nodejs模块安装目录的权限，运行：sudo chmod -R 777 /usr/local/lib/node_modules/
3、安装npm （淘宝镜像）
终端输入：npm install -g cnpm --registry=https://registry.npm.taobao.org
4、安装webpack
cnpm install webpack -g
5、安装vue脚手架（自动搭建vue项目框架的工具）
sudo npm install -g vue-cli。静待。
输入vue或者vue list，可vue是否安装成功。
image
image
6、创建vue项目
vue init webpack macvuetest（macvuetest是项目名称）。回车，然后就是各种设置
image
耐心等待，这个过程中我出现了这么一个错误提示：npm WARN ajv-keywords@3.1.0 requires a peer of ajv@^6.0.0 but none was installed.
image
一开始我没管，直接就进入下一个步骤 npm install，后来还是报这个错。通过 npm list 查看发现是在安装npm过程中少安装了这个模块。一开始我是输入 npm update -g npm 来更新npm，无果之后输入 rm -rf node_modules/ 来删除node_modules文件夹，然后 npm cache clean 清缓存。最后在重新执行 npm install 就好了。
image
7、启动项目
npm run dev。
8、将项目导入Webstorm中
项目结构说明:
build:项目构建(webpack)相关代码。
config:基本配置信息，如端口等，此处初学我们可以默认。node_modules:npm加载的项目依赖模块。
src:最重要的开发目录，包含：assets（放置一些图片，如logo等）、 components（ 组件文件夹）、App.vue（ 项目入口文件）、main.js:（项目的核心文件）
static:静态资源目录。在打包发布后将用于存放静态资源。
index.html :首页入口文件。
package.json :项目配置文件，此处初学可以默认。
.xxxx文件 :一些配置文件，包括语法配置，git配置等，此处初学我们可以默认。
README.md :项目的说明文档，为markdown 格式 。
网友评论