vue.js环境搭建过程

(本人借鉴的他人文章,如有侵权,请私信)

这个链接中有图  vue环境

可有可无的步骤:mac os系统安装brew  打开终端运行一下命令

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

第一步:安装node.js   

下载地址:https://nodejs.org/en/download/    (选择mac os)

第二步:获取nodejs模块安装目录访问权限

  sudo chmod-R777/usr/local/lib/node_modules/

第三步:安装淘宝镜像cnpm  国内镜像  比npm快

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

第四步:安装webpack

cnpm install webpack -g

第五步:安装vue脚手架

cnpm安装:   sudo cnpm install -g vue-cli

npm安装(特慢,建议选择cnpm安装):npm install vue-cli -g

第六步:硬盘上创建一个文件夹,放工程用

mkdir myvue  (创建文件夹)

cd  myvue(进入文件夹)

第七步:创建一个vue.js工程

vue  init webpack(模版) vueProj(工程名)

(模版介绍https://github.com/vuejs/vue-cli  offical template)

第八步:安装项目依赖

cnpm install

第九步:安装vue路由模块vue-router

cnpm install vue-router  --save

安装网络请求模块

cnpm install vue-resource  --save

第十步:启动项目

npm run dev

你可能感兴趣的:(vue.js环境搭建过程)