搭建vue2.0开发环境

1.安装node

vue的运行是依赖于node的npm的管理工具来实现,下载地址:https://nodejs.org/en/

2.查看node版本号

打开cmd管理工具,输入node -v命令,查看node版本号,出现版本号说明安装成功

3.安装淘宝npm镜像

输入命令:npm install -g cnpm --registry=https://registry.npm.taobao.org

4.安装全局vue-cli脚手架

输入命令:cnpm install --global vue-cli

安装完毕后,输入vue -v命令,查看vue 版本号,出现版本号说明安装成功

5.创建一个新项目

输入命令:vue init webpack my-project

人后一路回车,需要用到的输入yes,不需要用到,输入no

6.进入项目文件夹

输入:cd my-project

7.在项目中安装依赖

各个模板之间都是相互依赖的,所以需要安装依赖

输入命令:npm install

8.运行

输入命令:npm run dev 回车

弹出:http://localhost:8000

9.在浏览器窗口输入http://localhost:8000打开默认模板

到此,vue开发环境搭建完毕

posted @ 2022-10-24 16:13  思而  阅读(506)  评论(0)    收藏  举报