mac搭建vue

作者: 小李疯狂输出 | 来源:发表于2018-10-30 22:32 被阅读0次

开发环境
我的环境配置有问题,参考前面的mac下载node.js
1.homebrew
~~~~~~mac下的包管理工具,类似linux的apt-get,window的控制面板
2.node.js
~~~~~~js运行环境
3.npm
~~~~~~nodejs的包管理器。
4.webpack
~~~~~~vue的组件都是通过.vue或者微信小程序的.wxml .wxss自定义组件都无法被客户端解析,需要被翻译打包成js文件
5.vue-cli
~~~~~~vue脚手架
创建项目记得全局下载脚手架,sudo提升权限。
暴露路径。

sudo  cnpm install -g vue-cli

6.初始化项目 vue install init 项目打包方式 项目名
可先创建好一个文件夹专门放包

vue  init webpack demo

7.根据提示进入项目 运行项目

cd 项目名
npm run dev
屏幕快照 2018-10-30 下午10.31.07.png 屏幕快照 2018-10-30 下午10.31.55.png

相关文章

  • Mac上搭建vue环境

    // 转发自:vue开发环境搭建Mac版 vue开发环境的搭建由于本人使用的是mac,所以环境是windows的下...

  • Vue - 简介,安装,运行,以及目录结构

    Mac上面Vue开发环境搭建:(里面是先安装nodejs,再安装Vue)https://www.cnblogs.c...

  • mac搭建vue

    开发环境我的环境配置有问题,参考前面的mac下载node.js1.homebrewmac下的包管理工具,类似lin...

  • Mac 搭建 Vue开发环境

    Mac 搭建 Vue开发环境 安装必要的软件 Homebrew :Mac系统的包管理器,用于安装NodeJS和一些...

  • Vue 搭建应用 执行cnpm install --global

    Mac 环境 在搭建应用时 全局安装 vue-cli,执行$ cnpm install--globalvue-cl...

  • mac系统支持sass问题

    公司电脑使用window系统,自己的本是mac ,项目架构采用vue+webpack搭建,package.json...

  • Mac下vue开发环境的搭建步骤以及新建项目

    Mac下vue开发环境的搭建步骤以及新建项目 相关定义: 1.什么是vue Vue 是一套用于构建用户界面的渐进式...

  • 2018-12-17

    Vue脚手架安装及项目搭建(mac版) 前提:电脑上已经安装好了npm vue脚手架全局安装终端命令 $ sudo...

  • Mac - vue环境搭建

    使用vue-cli的优势1. 成熟的vue项目架构设计2. 本地测试服务器3. 集成打包上线方案

  • mac搭建vue环境

    homeprew:mac下的包管理工具,类似window下的控制面板官方文档:http://docs.brew.s...

网友评论

    本文标题:mac搭建vue

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