美文网首页
安装vue步骤

安装vue步骤

作者: 牛宝宝小霸王 | 来源:发表于2019-04-12 15:42 被阅读0次

配置环境,安装包

官网下载安装包,默认安装结束

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,查看安装成功

相关文章

网友评论

      本文标题:安装vue步骤

      本文链接:https://www.haomeiwen.com/subject/sqpuiqtx.html