开始我的第一个vue项目
1.搭建环境，使用node环境搭建（http://nodejs.cn/download/）官网下载相应的版本，我选择的是windows版本
1.png
2.普通的安装软件，这里安装选择的是ADD to path
2.png
3.安装完成，检查是否成功。运行cmd，输入node - v 出现相应的版本号
npm -v出现相应的版本号
npm 是 nodejs 的包管理和分发工具。它可以让 javascript 开发者能够更加轻松的共享代码和共用代码片段，并且通过 npm 管理你分享的代码也很方便快捷和简单。通过npm可以更方便的引用和分析基于nodejs开发的类库和插件。
3.png
4.安装vue-cli脚手架构建工具，输入命令npm install -g vue-cli，安装完成即可。
4.png
5.在电脑上创建一个后期放项目的文件夹，任意位置即可，例如：E:\code\vue
5.png
6.使用脚手架安装项目：vue init webpack +项目名称 ，项目是基于webpack的，例如 vue init webpack first-vue
6.png
7.打开本地路径查看
7.png
8.用webstoem打开该文件，当然也可以在cmd面板继续npm install安装所需要的依赖
8.png
9.png
10.png
9.进行热部署即可成功运行项目npm run dev
11.png
10.查看项目 localhost:8080
12.png
网友评论