vue.js开发环境搭建

第一步下载安装包https://nodejs.org/en/,按需下载

vue.js开发环境搭建_第1张图片

安装,一路Next

vue.js开发环境搭建_第2张图片

cmd直接输入node -v以及npm -v能够打印出版本,证明环境变量和安装都正确

vue.js开发环境搭建_第3张图片

安装vue-cli工具,通过该工具,可以简化很多工程搭建的配置环境,vue-cli的官网地址为:https://cli.vuejs.org/zh/

用npm命令安装,在命令行下直接输入npm安装

npm install -g @vue/cli

vue.js开发环境搭建_第4张图片

vue -V

用命令进入一个文件夹,然后创建工程

vue create hello-world

创建工程

npm run serve

运行工程

vue.js开发环境搭建_第5张图片 

访问

vue.js开发环境搭建_第6张图片

如果第一次运行失败了,查看网络,有的时候网络不好有些依赖下载不了也会出错,多试两次 

你可能感兴趣的:(WEB开发)