mac下vue的搭建步骤及新建项目
分类:
文章
•
2023-03-06 21:16:33
mac下vue的搭建步骤及新建项目
1. 搭建vue环境
-
安装node.js（在终端输入）：
brew install nodejs 或者直接官网手动安装；brew install nodejs 或者直接官网手动安装；
node-v 查看node版本
-
安装npm（在终端输入）：
npm install -g cnpm --registry=https://registry.npm.taobao.org
-
安装webpack（在终端输入）：
cnpm install webpack -g
-
安装vue脚手架：自动搭建vue项目框架的工具（在终端输入）：
sudo npm install -g vue-cli
安装之后输入 vue 或 vue list 查看是否安装成功
2. 新建项目
-
终端输入： vue init webpack vue-demo（vue-demo是自己的项目名称）
-
进入项目路径： cd vue-demo
3. 启动项目
启动项目：npm run dev
4. 打包项目
打包项目：npm run build
