全栈开发入门第一步：配置Nodejs＋Vue本地开发环境（MacOS篇）

1、安装node，从Node官方网站 https://nodejs.org/zh-cn/，下载安装包进行安装；

2、安装cnpm，用命令行工具（terminal，即终端）sudo npm install -g cnpm -registry=https://registry.npm.taobao.org；

2、安装vue，官方网站 https://cn.vuejs.org/ , sudo npm install vue -g, sudo cnpm install -g @vue/cli

3、安装webpack打包编译工具及其命令行工具包 ，sudo npm install webpack -g / sudo npm install webpack-cli -g；

4、安装mysql，http://www.mysql.com/downloads/mysql；

5、安装 yarn（另一种包管理工具）： sudo npm install --global yarn；

配置好环境后，进行项目初始化

1、终端输入：sudo vue ui（这里注意一定要用管理员权限，否则会因不能创建文件夹而报错），然后点击【创建】

3、输入项目文件夹名称，toutiao，选择npm作为包管理器

4、选择手动配置

5、选择这5个

6、

7、点击【创建项目】，进入包安装环节；

8、安装完成后，点击【任务】-serve，点击【运行】，来本地运行一下，

10、进入后页面如下：