Vue-cli 脚手架安装

Mac OS系统安装 nodejs
我一般都是去官网下载安装,也可以使用brew安装
在终端输入:

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

然后使用命令:

    brew install nodejs  

获取nodejs模块安装目录访问权限

  sudo chmod -R 777 /usr/local/lib/node_modules/

如果安装遇到permission denied的时候,需要在命令开头加sudo安装

如果npm镜像太慢,可以使用淘宝镜像
npm i -g cnpm --registry=https://registry.npm.taobao.org (i 是 install的简写,之后使用npm install XXX的时候用cnpm命令代替)

安装webpack

npm i webpack -g  (遇到permission denied需要加sudo)
webpack -v (安装完成可以查看webpack版本)

安装vue-cli

npm i vue-cli -g  (遇到permission denied需要加sudo)
vue -V (注意这里的大V,安装完成并成为可以查看版本号)

在终端进入项目目录

cd vue-demo (vue-demo为目录名字,自己定义)
vue init webpack vue-demo (创建项目)
根据自己的需求进行选择

然后:

  • npm install (安装依赖)
  • npm install vue-router vue-resource --save (路由跟网络请求模块安装-如果太慢用cnpm)
  • npm run dev (运行)
运行成功的页面

如果不希望使用默认端口号:
可以在config/index.js 中 修改port 端口号

推荐大家看 //www.greatytc.com/p/1626b8643676 这篇写的更加详细

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容