node.js搭建开发环境及构建项目 for mac

node.js环境搭建

1、打开官网下载相应系统安装包，mac下载pkg

2、双击安装，执行下一步，到完成

3、运行node -v 查看node版本

4、运行npm -v 查看npm版本

安装cnpm

由于资源的限制，安装npm依赖包的时候经常失败，建议使用npm的国内镜像cnpm 命令行工具代替默认的npm。

npm 国内镜像 https://npm.taobao.org/

在命令行中输入以下内容等待安装，sudo是为了获取相关权限，之后需要验证输入自己的电脑密码

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

cpnm全局安装vue-cli

在命令行中运行以下命令然后等待安装

cnpm install -g vue-cli

新建项目

在这里我将vue项目建在桌面的practice文件夹下，利用命令进入此目录。

cd practice

在此目录下创建一个基于 webpack 模板的新项目,即在terminal中输入以下命令：

vue init webpack my-vue-project

安装依赖

npm install

运行项目

npm run dev

项目运行成功后浏览器会自动打开localhost:8080呈现以下页面：

***拓展：***如果需要npm run dev之后可以自动打开页面至浏览器，在生成项目文件中修改autoOpenBrowser: true即可。