【Vue】环境搭建、项目创建及运行

一、软件下载

　　1. 进入官网https://nodejs.org/en/下周node.js,傻瓜式安装步骤(一直下一步就好)

　　2. 进入官网http://www.dcloud.io/下载并安装编辑器HBuider

　　

二、搭建vue的开发环境

　　1. 安装vue的脚手架工具

　　　　win+r 输入cmd进入命令行

　　　　vue的脚手架工具安装：

　　　　　　npm install --global vue-cli

　　　　若下载速度比较缓慢可以使用淘宝镜像下载：

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

　　　　　　cnpm install --global vue-cli

三、 项目创建及运行

　　1. 项目创建

　　　　cd到需要创建项目的目录

　　　　项目创建

　　　　　　vue init webpack project-name

　　　　另一种创建项目方式(项目结构更加简单,推荐)：

　　　　　　vue init webpack-simple project-name

　　　　cd进入项目

　　　　　　cd project-name

　　　　 安装项目依赖，如果创建项目的时候没有报错，这一步可以省略。如果报错了执行命令：

　　　　　　 cnpm install   或  npm install

　　2. 运行项目

　　　　　　npm run dev

　　　　若运行项目报错执行重新执行安装项目依赖命令

　　　　打开浏览器输入地址：http://localhost:8080就能看到效果了