vue搭建脚手架vue-cli环境

第一步,下载node.js傻瓜安装,建议e盘
网站:http://nodejs.cn/
第二步:安装脚手架vue-cli
在桌面,进入命令行页面
方法一: npm install --global vue-cli(网慢不建议使用这种方法)
-------------------------------
npm含义:node package manager ,在linux就是yum,
安装了node.js后就可以使用npm来安装一些各种node.js插件
npm是国外的网站,比较慢,需要FQ
方法二:安装淘宝镜像 cnpm是淘宝镜像,
安装cnpm
先切换到e盘,安装淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
再安装vue-cli:
cnpm install --global vue-cli
注意:g和globe是一个意思
安装完以后,e盘什么也没有,这只是一个环境而已
---------------------------------
mpn v查看
vue -V查看版本号vue-cli
2.9.6
三.使用vue-cli创建项目(前面两步都是为了搭建开发环境)
vue init webpack 项目名称
例如:
（注意：node。js和vue-cli都是一种环境，node是生态环境，vue-cli是成长环境，node可以卸载重装）
vue init webpack first (写完直接打包)
E：>vue init webpack first,可以看到这个包的项目了
几个回车后,看到author 可以设置用户名,也可以不写直接回车
之后回车
直到看到路由,敲yes,n(instal vue-router),唯一的yes
之后全部写n.最后等待....
---------------
测试:
E：\cd first
E:\first>npm run dev
在浏览器中输入:http://localhost:8080/

好了,上菜!