Vue环境搭建与安装及第一个项目1，安装前提：先安装node.js。 2，新建一个空的文件夹，准备放vue的工程，先cd

1，安装前提：先安装node.js。

2，新建一个空的文件夹，准备放vue的工程，先cd进这个空文件夹路径。

3，全局安装vue-cli

npm install --global vue-cli

觉得慢可以改为淘宝镜像

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

然后就可以用cnpm命令安装了

cnpm install --global vue-cli

4，建一个工程，my-project是工程名称，然后按enter进一步，只有Install vue-router选Yes，其他选项都可以选no

vue init webpack my-project

5,工程创建完成，安装依赖库

cd my-project
cnpm install
npm run dev

6，安装完成就可以浏览器打开http://localhost:8080

接下来创建第一个页面在src目录下创建一个名为pages文件夹，文件夹下创建名为demo1文件夹，然后在demo1下创建index.vue文件写下如下代码

<template>
	<div>
		helloworld
	</div>
</template>

在router文件夹里面的index.js导入

import Demo1 from '@/pages/demo1/index'

在routes新增一项

配置刚刚创建的路径， path是浏览器要访问的路径名 name是别名 component是文件路径

在App.vue文件把img这个标签屏蔽掉，然后在浏览器地址栏输入

http://localhost:8080/#/demo1

就可以显示刚刚写的界面了