git是一个免费的开放源码分布式版本控制系统
检测node安装成功与否:node -v
检测node安装成功与否:node -v
2，安装vue-cli
npm install -g vue-cli
3，初始化项目
vue init webpack demo
demo是你的项目名，运行成功后有如下的一些项目说明和配置
package.json
peoject name:项目名
project description 项目介绍
author 作者
install vue-router：安装路由
use ESLint :使用ESLint规范
tests,e2e:测试
完成之后就会提示
说明1
4，然后按照提示运行项目：
cd demo
npm run dev
说明2
浏览器输入localhost:8082就可以看见项目运行的结果。（我本地的8080，8081端口在使用中，所有该项目运行在了8082端口）
运行结果
5，项目目录截图
项目目录
build里是webpackd的配置信息。
src是项目基础路径，里面存放vue文件，router文件，静态图片等。
我通常喜欢在src新建一个page文件夹，用来存放所有的vue文件。
assets文件夹我通常用来存放一些静态文件，会有一些字体文件，或者是reset.css,animate.css,iconfont.css等一些第三方的css。
这是我习惯的项目目录，仅供参考
目录
最后npm run build,打包生产dist文件
网友评论