vue全家桶框架搭建

1. 首先具备一定的前端基础，常规的 HTML+CSS+Js/jqeury 必须熟练，这是后期开发的基础。
2. 明白 node 是什么东西，明白 npm 能干什么。
3. 打开 cmd 窗口，我用的 PowerCmd.

node -v    // 检查是否安装 node
npm install webpack -g    //webpack 是一个包管理工具，也是 vue-cli 的构建工具，全局安装
npm install --global vue-cli    //vue-cli 的安装，快速搭建项目的工具
vue -V    // 查看 vue-cli 是否安装成功 

4. 构建工程文件

vue init webpack projectName    
//'git' 不是内部或外部命令，也不是可运行的程序或批处理文件。下载 git 解决 

E:\>vue init webpack fristvue

? Project name fristvue// 项目名称（注意名称中不要出现大写字母，否则会报错）? Project description A Vue.js project// 项目描述（可写可不写，看个人需要）? Author // 作者（可写可不写，看个人需要）? Vue build standalone//vue 编译，这个选默认即可，运行加编译 Runtime + Compiler
? Install vue-router? //Yes 是否安装 vue-router 是否安装 vue 路由工具
? Use ESLint to lint your code? //No 是否使用代码管理工具 ESLint 管理你的代码
? Set up unit tests //Yes 设置单元测试
? Pick a test runner //karma 选择测试运行程序
? Setup e2e tests with Nightwatch? //Yes
? Should we run `npm install` for you after the project has been created? // 项目创建后，我们应该为您运行“NPM 安装”吗？

使用 cmd 命令 cd 移动到项目根目录

npm config get registry// 查看 npm 镜像源 https://registry.npmjs.org/
// 更改镜像源为淘宝镜像
npm config set registry http://registry.npm.taobao.org
npm install    // 初始化项目，安装 package.json 文件中描述的依赖
npm run dev    // 运行我们的项目，这个时候，我们可以打开浏览器，输入 http://localhost:8080/