搭建vue脚手架

 

1.Node.js安装

　　1.1下载安装

　　　在node.js 官网下载， 根据本身电脑系统安装，一直点下一步便可

　　1.2测试安装是否成功

　　　　Windows+R打开cmd窗口，输入node -v回车出现版本号，即安装成功！

　　　　 

2.Vue.js安装

　　2.1使用NPM安装      —NPM: NPM是随同NodeJS一块儿安装的包管理工具，能解决NodeJS代码部署上的不少问题

　　　　2.1.1使用淘宝的镜像及其命令 cnpm      安装淘宝的镜像： 

　　　　　　打开cmd命令框，输入 
　　　　　　　　npm install -g cnpm –registry=https://registry.npm.taobao.org 回车

　　　　　　加载完成后
　　　　2.1.2在命令框输入 
　　　　　　cnpm install vue 回车
　　　　　以上vue.js安装完毕

3.脚手架搭建

　　3.1Vue-cli安装 
　　　　在cmd命令框输入 
　　　　cnpm install -g vue-cli（回车）

　　3.2搭建测试 
　　　　3.2.1.在你的vue安装目录下（我建立在E:\vue）新建文件夹vue 
　　　　3.2.2.打开cmd命令窗口输入cd vue，进入E:\vue，输入vue list能够看到列出了能够使用的模板 

　　　　　　

　　　　　　在命令框键入vue，看到描述　　　　

咱们init命令安装 
vue init webpack test （我在这建的是test1，由于我本地已经建好了一个test）

 

注意建立新的文件时出现Project name以后要本身手动选择建立选项，不然建立将会一直停留在Project name

 

进入test文件夹 

cd test 1

安装依赖 
cnpm install 

启动 
npm run dev

在浏览器打开

 

文件目录