Mac搭建Vue框架--脚手架

  1. 查看电脑是否安装node和npm

  2. 安装node和npm
    进入官方http://nodejs.cn/下载
    Mac搭建Vue框架--脚手架_第1张图片
    安装完毕后用命令查看
    查看node版本:node -v
    查看node版本:npm -v
    Mac搭建Vue框架--脚手架_第2张图片

  3. 安装vue
    全局下载脚手架:npm install -g @vue/cli(一般情况下只需要安装一次,除非你重装系统或者重装node才需要再次进行下载)
    查看版本:vue --version
    Mac搭建Vue框架--脚手架_第3张图片

  4. 创建项目

    1. 输入命令:vue create my_vue # my_vue:项目名称

    2. 自定义选择第三个安装方式

    3. 选择插件(空格选中)然后一路回车


说明:

Babel:就是把各种javascript千奇百怪的语言统统专为浏览器可以认识的语言的插件。(必选)
TypeScript:TypeScript 扩展了JavaScript 语法,所以任何现有的 JavaScript 程序可以不加改变的在 TypeScript 下工作。(不选)
Progressive Web App(PWA)Support:数据推送技术(手机使用屏幕插件,天气等的推送)支持工具。(不选)
Router:路由使用。(必选)
Vuex:一个专为 Vue.js 应用程序开发的状态管理模式。(必选)
CSS Pre-processors:对数据进行编译,转换成各个浏览器都能支持的css数据信息。(必选)
Linter / Formatter:必选。
Unit Testing:单选测试(不选)。
E2E Testing:测试(不选)。 

Mac搭建Vue框架--脚手架_第4张图片
Mac搭建Vue框架--脚手架_第5张图片

你可能感兴趣的:(Vue,vue.js,macos,javascript)