vue项目搭建
第一步,安装nodejs
nodejs官网下载:http://nodejs.cn/download/,下载,安装nodejs。检查安装是否成功,打开cmd
输入:node -v,返回node版本号,安装成功。
第二步,安装npm
打开cmd,输入npm install -g npm,因为npm服务器在国外,国内开发人员经常遇到下载慢的情况。可选择淘宝镜像下载:npm install -g cnpm。
配置npm环境变量
第三步,安装vue-cli脚手架
vue-cli是基于vue的命令行工具,是一个vue项目的核心构成。
vue是一套构建用户界面的渐进式框架。
打开cmd,输入:cnpm install vue-cli -g
在路径下:C:\Users\用户名\AppData\Roaming\npm 发现vue.cmd文件,vue-cli安装成功。
配置vue环境变量
第四步,创建vue项目
在桌面创建sun文件夹。打开cmd,进入sun文件夹;输入;vue init webpack '项目名称'
按照提示创建项目。然后输入:cnpm install,安装项目依赖。输入:cnpm run dev,运行项目。项目搭建完成。