idea搭建简单vue项目过程记录

巧了我就是萌 提交于 2020-02-25 19:55:06

1、安装相关工具

node.js环境下载地址vue的环境要求

npm:node.js的包管理和分发工具,在安装node.js的时候将会自动安装npm

安装完后可以cmd输入命令查看是否成功:
在这里插入图片描述
之后可切换成淘宝镜像地址(下载速度更快):
npm i -g cnpm --registry=https://registry.npm.taobao.org
webpack:打包工具。
全局安装命令: npm install -g webpack
输入命令查看是否安装成功
在这里插入图片描述
vue-cli:vue脚手架
安装命令:npm i -g vue-cli
查看安装是否成功
在这里插入图片描述

2、搭建项目

在想要搭建的文件夹中输入命令行:vue init webpack demo
等待
在这里插入图片描述
安装成功之后显示:
在这里插入图片描述

3、打开项目:

选择搭建的vue文件夹:
在这里插入图片描述

选择右上角启动方式npm:
在这里插入图片描述

设置启动命令
在这里插入图片描述
等待启动并访问:
在这里插入图片描述
在这里插入图片描述

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!