1.路径　　https://nodejs.org/en/

安装vue-cli 随笔 第1张

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

安装vue-cli 随笔 第2张

安装vue-cli 随笔 第3张

安装vue-cli 随笔 第4张

 cmd　　

安装vue-cli 随笔 第5张

安装vue-cli 随笔 第6张

安装vue-cli 随笔 第7张

 

 

 安装vue-cli 随笔 第8张

安装vue-cli 随笔 第9张

安装vue-cli 随笔 第10张

 

 

 

 

安装vue-cli 随笔 第11张

 

安装vue-cli 随笔 第12张

安装vue-cli 随笔 第13张

安装vue-cli 随笔 第14张

 

安装vue-cli 随笔 第15张

安装vue-cli 随笔 第16张

 

安装vue-cli 随笔 第17张

 

 安装vue-cli 随笔 第18张

 

安装vue-cli 随笔 第19张

安装vue-cli 随笔 第20张

 

 

安装vue-cli 随笔 第21张

 

安装vue-cli 随笔 第22张

 

 

安装vue-cli 随笔 第23张

 

安装vue-cli 随笔 第24张

 

创建项目

　　1.创建一个基于 webpack 模板的新项目

　　vue init webpack projectname（项目名）

　　2.安装vue-cli 随笔 第25张项目名  直接回车 使用默认的项目名 projectname

　　　　安装vue-cli 随笔 第26张 项目描述

 

安装vue-cli 随笔 第27张

 

Vue构建(使用箭头键)

>运行时+编译器:推荐给大多数用户

仅限运行时:约6KB轻量级min+gzip，但模板(或任何特定于vue的HTML)只允许在.vue文件- re中使用

其他地方需要nder功能

选择第一个就行

 

安装vue-cli 随笔 第28张

是否安装vue-router路由 没有用no

安装vue-cli 随笔 第29张

是否使用ESLint来规范您的代码?(Y / n) y

安装vue-cli 随笔 第30张

使用标准的eslint 选择第一个

　　安装vue-cli 随笔 第31张

自动化的测试工具　　不需要no

安装vue-cli 随笔 第32张

  • 用夜视器设置e2e测试?(Y / n) no

 安装vue-cli 随笔 第33张

 

依赖的安装方式  使用npm

安装----------------

安装vue-cli 随笔 第34张

安装vue-cli 随笔 第35张

 

cd 到 创建的项目 下　　

运行npm install安装依赖

安装vue-cli 随笔 第36张

 

 访问 8081 端口   

 

安装vue-cli 随笔 第37张

安装完成

　　

 

 

 把创建好的 文件  拖动到 软件里面 　　

安装vue-cli 随笔 第38张

 

　　　　build 配置文件　　　config线上/开发环境的配置文件　node_modules 项目依赖 　　staatic静态资源　　　　

启动　npm  run dev

 

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄