当前位置: 移动技术网 > IT编程>开发语言>JavaScript > vue~环境搭建

vue~环境搭建

2019年11月26日  | 移动技术网IT编程  | 我要评论
mac上安装vue 1. 安装homebrew(是Mac OS x下的软件包管理工具,可以安装,卸载,更新,查看,搜索等功能) 终端输入: 。开始安装,中间可能要输入电脑密码,耐心等待过后出现下图表示安装成功。可通过brew v 查看版本。 2. 安装nodejs 终端输入: 或者直接官网手动安装。 ...

mac上安装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

如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网