vue-webpack 搭建自己的项目

在桌面创建一个文件夹

1. 项目目录切换目录 cmd 换出命令行
   cd+文件目录

2.查看环境
1).node -v
2).npm -v
3).cnpm -v
淘宝镜像安装

npm install -g cnpm --registry=http://registry.npm.taobao.org

3.安装vue-cli 脚手架构建工具

cnpm install -g vue-cli

4.初始化一个项目，其中webpack是构建工具，也就是整个项目是基于webpack的，其中firstApp是整个项目文件夹的名称，这个文件夹会自动生成在你指定的目录中（我的实例中，会在NodeTest 目录生成该文件夹，必须先安装webpack，安装 npm install -g webpack）

npm install -g webpack
vue init webpack vue-demo

到这里我们得到了一个结构框架，整个项目需要的依赖资源还没有安装
5.安装项目所需依赖(会多出一个node_modules的文件夹，里面就是我们需要的依赖包资源)
npm install (cnpm install)

6.运行项目（项目路径务必写对）
npm run dev