1.首先咱们去nodejs官网:https://nodejs.org/en/download/ (下载nodejs,下载本身电脑想匹配的最新版本)vue
2.其次 去下载一个cnpm (注释:淘宝npm镜像,这个是阿里把外国的npm服务器搬到咱们中国来了,用淘宝镜像npm下载一些配置文件会更快一些)node
操做以下:电脑右下角 window输入cmd, 把webpack
npm install -g cnpm --registry=https://registry.npm.taobao.org
复制到cmd里面去就能够拉。(注释:咱们用ctrl+C 复制网站,在cmd中鼠标点击右键粘贴就能够复制
npm install -g cnpm --registry=https://registry.npm.taobao.org 而后回车键进行安装。

)
3.安装vue文件web
cnpm install i vue -Snpm
4.安装vue脚手架,关于脚手架问题,bash
有些兄弟姐妹会发现安装的时候会一直卡着不动,我也遇到过这个问题,最后查资料发现是我安装的vue脚手架版本比较低出现的问题服务器
// 以前我安装的时候是用 cnpm install -g vue/cli 用这个安装的是旧版本的特别伤,我用vue init webpack app的时候,真的卡在一个地方一个晚上,睡醒后发现仍是卡在那个地方,因此必定要切记安装 vue脚手架必定要安装最新版本的,最新版本以下:
cnpm install -g @vue/cli
cnpm install -g @vue/cli-initapp
安装上面2个vue脚手架配置文件后,输入:
vue init webpack app 网站
//备注: app 是本身创建的文件,名字能够本身取,好比 my-app呀,或者其余的都可ui
//配置的时候 除了 use ESlint to lint your code 选择n 其余都是选择y ,由于 use ESlint to lint your code 咱们写代码的时候会比较严格,好比代码必须空格相同呀....
当安装完毕后,输入npm run dev
运行完毕后会给咱们一个网址 http//localhost:8000
5.一些须要了解的 vue脚手架目录
build 是webpack配置文件
config 核心文件
src存放的是资源,assets中存放的是静态资源好比 图片
router是路由