开始我的第一个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