码迷,mamicode.com
首页 > 系统相关 > 详细

macos安装vue-cli初始化vue项目

时间:2019-06-19 23:16:18      阅读:360      评论:0      收藏:0      [点我收藏+]

标签:oba   安装   ack   org   提高效率   cos   技术   try   输入   

当换台机器使用时,总是避免不了要装好环境进行开发,而这些步骤如果不是经常操作,忘记的可能性非常大,此时我们就可以查阅自己的博客进行安装新环境,话不多说,以下为步骤:

  1. 安装nodejs
  2. 安装vue-cli
    npm install -g vue-cli
    ps: 如果想尽快安装进度,可以通过淘宝的镜像使用cnpm提高效率,安装cnpm输入:npm install -g cnpm --registry=https://registry.npm.taobao.org ,安装完毕输入:cnpm -v 查询版本,我使用的机器为mac,无需配置环境变量。
  3. 安装webpack
    需要先获取root权限(如果不获取root权限会报错):sudo -s
    安装:npm install webpack -g
  4. 初始化vue项目
    vue init webpack projectName
    技术图片
    命令执行成功后,切换到对应的项目中:cd demo,此时可看到以下目录结构
    技术图片
  5. 安装项目依赖文件
    npm install
  6. 启动项目
    npm run dev

macos安装vue-cli初始化vue项目

标签:oba   安装   ack   org   提高效率   cos   技术   try   输入   

原文地址:https://www.cnblogs.com/interdepend/p/11055608.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!