Vue项目搭建流程

一、 node.js安装

Vue项目通常通过webpack工具来构建,而webpack命令的执行是依赖node.js的环境的,所以首先要安装node.js。node.js的官方地址为:https://nodejs.org/en/download/,下载相应版本。

二、 安装完毕之后,在命令行下验证是否安装成功:输入nmp,显示如下就表示安装成功。

Vue项目搭建流程

三、 cnpm的安装

安装命令为:npm install -g cnpm --registry=https://registry.npm.taobao.org

四、 vue-cli的安装

安装命令为:cnpm install -g vue-cli,回车,等待安装。
安装完后,检查是否安装成功,输入vue,出现以下提示表示安装成功。

Vue项目搭建流程

五、 以管理员权限运行cmd

Vue项目搭建流程
进行到vue工程所有的目录
Vue项目搭建流程
执行:vue init webpack vue-demo(工程名)
执行:npm install
执行:npm run dev