Vue-cli 搭建(mac)

作者: wei_421 | 来源:发表于2019-02-19 15:39 被阅读4次

    ① 安装node

    地址:https://nodejs.org/zh-cn/download/   下载安装包,“下一步” 进行安装即可

    打开终端  输入 node  -v 查看node版本号。node -v,出现下图版本提示就是完成了NodeJS的安装。

    npm的安装。由于新版的NodeJS已经集成了npm 打开终端输入"npm -v" 来测试是否成功安装。出现下图版本提示就是完成了npm的安装。

    ②安装Vue-cli 

     打开终端 输入 npm install vue-cli -g 安装vue-cli。 打开终端输入" vue -V " 来测试是否成功安装。出现下图版本提示就是完成了vue-cli  的安装。

    npm install vue-cli -g vue -V

    在安装包的时候可能会失败,并出现以下的错误,原因是npm的安装权限不足 错误如下图

    在mac中出现 npm的安装权限不足

    解决方法:在安装命令行之前加入sudo,根据提示输入密码即可 (sudo npm install vue-cli -g)。

    ③  用vue-cli构建项目

    创建项目:vue init webpack my-vue   (出现一问一答模式:过程总需要填写一些信息,项目名称、项目描述、是否需要安装vue-router、由于只是测试项目,unit test单元测试和ese tests 我选了no)

    进入项目:cd my-vue

    安装依赖:npm install

    运行项目:npm run dev

    相关文章

      网友评论

        本文标题:Vue-cli 搭建(mac)

        本文链接:https://www.haomeiwen.com/subject/luexyqtx.html