vue-cli 环境搭建

一、开始之前需要的环境

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就可以运行成功了。