vue安装与初始化

vue npm 使用 验证 安装

安装vue#

	npm install --global vue-cli

vue版本#

	vue -V

其他版本#

	node -v
	npm -v

查询当前镜像地址#

	npm get registry 

修改镜像地址#

	npm config set registry http://registry.npm.taobao.org/

taobao镜像设置并使用cnpm呼唤#

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

检验是否安装成功#

	cnpm -v

vue模板初始化

Vue CLI的安装#

教程

全局安装#

	npm install vue-cli -g

1. vue create

是vue-cli3.x的初始化方式，目前模板是固定的，模板选项可自由配置，创建出来的是vue-cli3的项目，与cue-cli2项目结构不同，配置方法不同，具体配置方法参考官方文档。

使用方式：vue create 项目名称

2. vue init

vue init 是vue-cli2.x的初始化方式，可以使用github上面的一些模板来初始化项目，webpack是官方推荐的标准模板名。vue-cli2.x项目向3.x迁移只需要把static目录复制到public目录下，老项目的src目录覆盖3.x的src目录(如果修改了配置，可以查看文档，用cli3的方法进行配置)

2.1 官方推荐的标准模板名

使用方式：vue init webpack 项目名称
[webpack结构与路径讲解]

	vue init webpack \[projectName\]

当前官方提供的模版包括：

- webpack
	功能齐全的webpack + vue-loader 的设置、热重载、eslint、test 和 css 提取。
- webpack-simple
	一个快速设置简单的 webpack + vue-loader原型的模版。

- browserify
	功能齐全的 browserify + 'vueify'设置与热重负荷，linting和单元测试。

- browserify-simple
	快速设置简单的 browserify + 'vueify' 原型。

- pwa
	基于webpack的vue-cli 的单页面模版。

- simple
	对 html 的简单 vue 配置 。

2.2 electron-vue的模板

使用方式：vue init simulatedgreg/electron-vue 项目名称

2.3 自定义模板
使用方法：
1.再git仓库创建自己项目要的项目结构
2.执行初始化

	vue init gitusername/reponame my-project

3.安装

	cd my-project
	$ npm install
	$ npm run dev