配置环境,安装包
官网下载安装包,默认安装结束
D盘下新建两个文件夹node_global,node_cache
npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"
再来关注一下npm的本地仓库,输入命令
npm list -global
配置镜像站 命令
npm config set registry=http://registry.npm.taobao.org
测试NPM安装vue.js 命令:
npm install vue -g
测试NPM安装vue-router 命令:
npm install vue-router -g
安装vue脚手架 命令:
npm install vue-cli -g
编辑环境编辑path "D:\nodejs\node_global"
查看vue版本,使用管理员身份运行 命令:
vue -V
创建项目
vue-cli工具是内置了模板包括 webpack 和 webpack-simple,前者是比较复杂专业的项目,
他的配置并不全放在根目录下的 webpack.config.js 中
调整至创建程序的根目录
cd /d d:
md myvue
cd myvue
创建项目vue01初始化 命令:
vue init webpack vue01
cd vue01
npm run dev
运行http://localhost:8080,查看安装成功