一、开始之前需要的环境
1、node安装 2、npm安装
验证成功安装方法 node -v npm -v
如果都能正常显示结果准备工作就完成了。
二、安装vue-cli
1、打开cmd 命令
2、输入npm install -g vue-cli 点击确定之后等待安装。
3、验证安装是否成功 vue --version/vue -V 正常显示版本号则安装成功。
三、选择模板创建项目
- browserify--全功能的Browserify + vueify,包括热加载,静态检测,单元测试
- browserify-simple--一个简易的Browserify + vueify,以便于快速开始。
- webpack--全功能的Webpack + vueify,包括热加载,静态检测,单元测试
- webpack-simple--一个简易的Webpack + vueify,以便于快速开始。
上面是常用的几种模板 我这里用 webpack模板 我看了很多案例实际项目大多数用webpack模板
进入到你想创建项目的目录 输入:
vue init webpack 项目名称
点击确定之后就是一些设置 项目名 、项目描述等、、最后完成之后可以到package.json文件查看
cd 进入你的项目文件夹
npm run dev 骚等一会儿 浏览器就自动打开了,然后进入项目开发。
补充一点 :比如你从GitHub下载了别人的代码
进入代码文件夹 输入 npm install 等待安装依赖包。
完成之后直接输入 npm run dev就可以运行成功了。