Mac 搭建 Vue开发环境

Mac 搭建 Vue开发环境

安装必要的软件

Homebrew :Mac系统的包管理器,用于安装NodeJS和一些其他必需的工具软件Node.js:JavaScript运行环境(runtime)
npm: node.js下的包管理器,NPM 能很好地和诸如 webpack 或 Browserify 模块打包器配合使用
webpack : vue的组件都是.vue或者像微信小程序的.wxml或者.wxss等自定义组件都无法被用户端的浏览器解析,需要编译和打包成js文件
vue-cli :用来生成模板的Vue工程

1:安装homebrew

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

注:在Max OS X 10.11(El Capitan)版本中,homebrew在安装软件时可能会碰到/usr/local目录不可写的权限问题。可以使用下面的命令修复

sudo chown -R `whoami` /usr/local

检验是否成功安装 在终端输入 <b> brew -v </b>查询版本信息

2: 用homebrew安装node.js,打开终端运行以下命令:
brew install node

检验是否成功安装 在终端输入 <b> node -v </b>查询版本信息

3.获取nodejs模块安装目录访问权限
sudo chmod -R 777 /usr/local/lib/node_modules/
4.安装全局的webpack
npm install webpack -g
5.安装vue脚手架vue-cli
npm install vue-cli -g
6.完成上述步骤就可以创建一个你想要的Vue项目

在你想要存放的地方新建一个文件夹,打开终端

cd  你新建的目录中

创建项目指令

vue init webpack-simple

如:vue init webpack-simple demo
7.目录切换到项目

终端操作:

 cd  你新建的目录
8.安装项目依赖

终端指令:

npm install
9.启动项目
npm run dev

猜你喜欢

转载自blog.csdn.net/weixin_33898876/article/details/87504804