Vue搭建（回顾vue的第一天）

好好反思一下自己

前言

项目用了一段angular之后，新的项目组又要重新使用vue，回头发现好多已有的好多vue代码都有点熟悉又看不懂的样子，才想起自己已经很久没有学习了~也好久没有好好记笔记了~避免不久的将来再来反思一次。

项目搭建

1.安装node.js
cmd输入node -v检查是否安装完成

2.搭建vue的开发环境 ，安装vue的脚手架工具vue-cli
在自己项目文件夹下运行
npm install --global vue-cli / cnpm install --global vue-cli

3.基于webpack创建一个新的项目，my-project为自定义项目名
vue init webpack my-project
也可以使用
vue init webpack-simple my-project
webpack-simple为简化版，所有的需求都需要手动导入
比如说webpack里面有css-loader，只需要下载一个style-loader,执行
npm install style-loader --save-dev
但是ebpack-simple需要执行
npm install css-loader style-loader --save-dev

4.初始化运行
cd vue-projcet // 进入你刚才创建的项目
npm install //安装项目依赖
npm run dev //启动项目

打开http://localhost:8080/#/ 出现