Vue项目的搭建

1.下载Node.js

进入官网https://nodejs.org/en/，我下载的是12.18.4的版本（npm 版本为6）

下载成功后可以在终端查看node.js和npm的版本

node -v

npm -v

终端显示：

2.安装淘宝镜像（非必选）

安装NodeJS之后使用npm来安装包使用的是国外的地址，经常会出现超时错误，可以通过修改为国内的淘宝源来加速安装。

临时使用

npm --registry https://registry.npm.taobao.org install express

永久使用

npm config set registry https://registry.npm.taobao.org

通过命令查看是否配置成功

npm config get registry

npm info express

如果要恢复成原来的下载地址

npm config set registry https://registry.npmjs.org

使用cnpm
安装淘宝的cnpm，然后在使用时直接将npm命令替换成cnpm命令即可

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

安装的时候用如下命令

cnpm install express

我在安装时候只是更换了下载源，没有用cnpm。

3.获取node.js模块安装访问路径的权限

sudo chmod -R 777 /usr/local/lib/node_modules/

如果不获取权限的话，每次用npm都要在命令前添加sudo获取权限，否则会产生errno13的错误（-访问被拒绝）

4.安装webpack

cnpm install webpack -g

同样的可以通过webpack -v查看版本，检查是否安装成功。其实安装成功后，也会有代码提示现在安装好webpack版本。

5. 安装Vue脚手架（Vue-cli）

cnpm install vue-cli -g

6.创建Vue项目

1.进入目录（这里以桌面为例）
vue init webpack 工程名
如果不写名字，会默认当前目录为文件名。
进行一些简单的设置，如果是刚开始学习Vue的话就安装下面的进行配置。

等待一两分钟搭建项目

7.打开创建好的项目

cd cms_project(项目名)
npm run dev

复制终端里的路径，网页上打开，vue项目就创建好了。

附上window的Vue项目搭建：
https://www.cnblogs.com/zhaomeizi/p/8483597.html

macOS和windows的不同在于：mac要多下载一个webpack包