windows下搭建VUE开发环境

在实际开发中,我们应该如何搭建一个VUE开发环境呢?自我实践之后的操作如下:

1、首先安装node

安装成功的标志:这里写图片描述

2、安装淘宝镜像

安装cnpm,安装命令如下:
npm install -g cnpm --registry=https://registry.npm.taobao.org

3、安装全局的vue-cli

安装命令如下:cnpm install -g vue-cli
安装成功的标志: 这里写图片描述

在上述所有的准备工作都完成以后,我们开始初始化项目:

4、创建项目:进入到文件所在位置创建项目

操作命令:vue init webpack projectName
创建成功的标志:
这里写图片描述

5、测试环境是否搭建成功

操作命令:npm run dev
运行成功的标志:
这里写图片描述

6、修改端口号:如果需要的话(在端口冲突的情况下)

在项目目录中的config目录下,查找index.js,寻找port配置,修改端口号即可
这里写图片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章