# 一个小的vue项目（1）-说说vue项目搭建

一个小的vue项目

我的github地址：https://github.com/baimengge（代码已传）

• vue-cil构建项目（可查阅官网）
• ubuntu系统
• 安装了git/node/npm

---

以上条件满足的情况下。

首先安装 vue-cil(脚手架)

可查阅vue官网

npm install -g vue-cli 或者官网的： $ npm install –global vue-cli

网速一定要好，否则会很慢；谷歌翻墙了吗？？？

安装的这段时间去官网了解vue,学习一下API…

介绍

Vue.js 是什么?

vue.js（读音 /vjuː/，类似于 view） 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。

在我看来，渐进式代表的含义是：主张最少；相比Angular这种重量级框架，轻之又轻；文档很友好，简单易懂易上手。没过多久初步安装已完成！

webpack初始化你的项目：

$ vue init webpack vue-123(你的项目名)

根据提示一直回车就好了，项目名，描述，个人邮箱随便写写～

cd找到你的项目

$ cd vue-123

安装依赖：

$ npm install (关键：vue 时时刻刻不忘安装依赖！！！)

又是一个漫长的等待。。。可以看看Webpack了

什么是Webpack？

WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器使用。

关于WebPack又是一个专题学习了，抽时间好好学习一下～
推荐网站：入门webpack

依赖装好，没有报错，终于可以开始跑项目喽！！！

运行vue项目：

$ npm run dev

嘿嘿，终端图：

然后把你的 http://localhost:8080/ 粘贴进地址栏
刷新一下谷歌，是不是这样哒？

好了 ，如果是的话可以进入下一环节了！！！