vue脚手架的使用

**

1.vue-cli骨架

**
CLI（command line interfaces ）命令行接口。在进行Vue项目开发时，可以选择不同的Vue模板（骨架）进行项目的搭建，比如simple、webpack-simple、webpack、browserify/browserify-simple等；vue-cli是官方提供的一个脚手架（预先定义好的目录结构及基础代码，咱们在创建 Maven 项目时可以选择创建一个骨架项目，这个骨架项目就是脚手架），用于快速生成一个 vue 的项目模板。

2.详细步骤

1. 下载安装node.js

https://nodejs.org/en/download/
在node.js的cmd组件（command prompt）中安装vue-cli

npm install vue-cli -g

2. .创建vue项目文件夹并打开

mkdir d:/vuedemo

cd d:/vuedemo

3. 使用vue list命令查看当前可用的vue骨架
   vue list
4. 使用vue命令创建基于vue-webpack-simple骨架的项目,vue-cli-demo是项目名，过程中需要输入一些参数，回车是使用提示的值

vue init webpack-simple vue-cli-demo

5. 创建基于webpack骨架的项目

vue init webpack vue-cli-demo

6. 查阅readme.md文档

npm install  #安装依赖环境

npm run dev	 #进入开发模式

npm run build #发布项目

3.webpack-simple模板初体验

1. 进入到项目文件中，安装依赖环境

npm install

2. 进入开发模式

npm run dev

3. 如果提示缺少依赖东西，尝试重新 npm install，如果缺少node-sass，执行以下内容：

npm install node-sass

如果npm命令无法使用，可以使用淘宝镜像http://npm.taobao.org/

操作步骤如下：

# 1. 安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
# 2. 使用cnpm代替npm
cnpm install
cnpm run dev
cnpm run build