欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Mac搭建vue环境

程序员文章站 2022-04-11 13:19:48
...

①、首先安装好node.js和npm https://zhangvalue.blog.csdn.net/article/details/103264457

②、安装 淘宝镜像 (npm)

npm install -g cnpm --registry=https://registry.npm.taobao.org

③、安装webpack

cnpm install webpack -g

④、安装vue脚手架

npm install vue-cli -g

⑤、新建一个文件夹放工程用的,在终端中进入该目录,demo1是自己定义的vue的工程名

vue init webpack-simple demo1

Mac搭建vue环境

如上图中提示所示:

⑥、cd 命令进入创建的工程目录

cd demo1
  • 注意:最后三步都是要进入到当前工程目录后执行的。

⑦、安装项目依赖(该步骤等待时间比较长)

npm install

⑧、安装 vue 路由模块vue-router和网络请求模块vue-resource

cnpm install vue-router vue-resource --save

⑨、启动项目

npm run dev

Mac搭建vue环境

启动成功后浏览器

Mac搭建vue环境