vue~环境搭建

  • Z时代
  • 2024-01-10
  • 分类：综合

vue

  1. 安装homebrew（是Mac OS x下的软件包管理工具，可以安装，卸载，更新，查看，搜索等功能）

终端输入：ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"。开始安装，中间可能要输入电脑密码，耐心等待过后出现下图表示安装成功。可通过brew -v 查看版本。

  1. 安装nodejs

终端输入：brew install nodejs 或者直接官网手动安装。 node -v 查看 nodejs版本

注：网上说使用终端安装会需要nodejs模块安装目录的权限，运行：sudo chmod -R 777 /usr/local/lib/node_modules/

  1. 安装npm （淘宝镜像）

终端输入：npm install -g cnpm --registry=https://registry.npm.taobao.org
配置镜像加速：npm config set registry https://registry.npm.taobao.org

  1. 安装webpack

cnpm install webpack -g

  1. 安装vue脚手架（自动搭建vue项目框架的工具）

sudo npm install -g vue-cli

输入vue或者vue list，可vue是否安装成功。

vue list

  1. 创建vue项目

vue init webpack hello

  1. 恢复依赖包

npm install

  1. 启动项目

npm  run dev。关闭请按ctrl+c。

  1. 打包项目

    如果要进行部署，需要将vue项目打包，就是打成html的静态页

npm run build

以上是 vue~环境搭建 的全部内容， 来源链接： utcz.com/z/379706.html

回到顶部