欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Vue2.0开发环境与脚手架项目搭建批处理脚本文件

程序员文章站 2022-07-16 19:17:35
...

Vue2.0开发环境与脚手架项目搭建批处理脚本文件

在Vue基础语法的学习之后,开始了深入学习Vue2.0开发。
Vue2.0相比之前引入CDN,直接撸前端代码的方式,需要安装NodeJS,以及进行一系列命令。
为了偷懒,想着干脆做个批处理脚本。
Vue2.0开发环境与脚手架项目搭建批处理脚本文件
脚本代码如下:

@echo off
:start
@title Vue2.0开发环境与脚手架项目搭建
@color f0
:start
echo ***********************************************
echo *         Vue2.0开发环境与脚手架项目搭建
echo *
echo *       1.搭建vue2.0基础开发环境和脚手架项目
echo *       2.新建脚手架项目
echo *       3.下载VScode + Typora
echo *       4.打开StarWiki
echo *       5.打开CSDN博客
echo *       6.打开GitHub
echo *       7.下载FTP工具:FileZilla
echo *       8.退出
echo *
echo *   作者:xun     2019-10-01     国庆快乐!
echo ***********************************************

set /p sel=输入编号回车执行:
if %sel%==1 goto 1
if %sel%==2 goto 2
if %sel%==3 goto 3
if %sel%==4 goto 4
if %sel%==5 goto 5
if %sel%==6 goto 6
if %sel%==7 goto 7
if %sel%==8 exit

:: 1.搭建vue2.0基础开发环境和脚手架项目
:1
@title 1.搭建vue2.0基础开发环境和脚手架项目
cls
echo --------------------------------------------
echo 1.下载nodeJS安装包
start https://npm.taobao.org/mirrors/node/v12.11.0/node-v12.11.0-x64.msi
echo 请确保nodeJS安装成功后回车继续
pause
echo --------------------------------------------
echo 2.安装淘宝NPM镜像
echo node --version
node --version
echo call npm install -g cnpm --registry=https://registry.npm.taobao.org
call npm install -g cnpm --registry=https://registry.npm.taobao.org
echo --------------------------------------------
echo 3.安装webpack
echo call cnpm install webpack -g
call cnpm install webpack -g
echo --------------------------------------------
echo 4.安装vue脚手架
echo call cnpm install vue-cli -g
call cnpm install vue-cli -g
echo --------------------------------------------
echo 5.创建项目
set /p pojname=请输入项目名称(注意不能使用中文):
call vue init webpack-simple %pojname%
echo 开发环境和项目搭建完毕
start %pojname%
cls
goto start

::2.新建脚手架项目
:2
@title 2.新建脚手架项目
cls
echo 【新建脚手架项目】
set /p pojname=请输入项目名称(注意不能使用中文):
call vue init webpack-simple %pojname%
echo 开发环境和项目搭建完毕
start %pojname%
cls
goto start

::3.下载VScode + Typora
:3
cls
@title 3.下载VScode + Typora
echo 【下载VScode + Typora】
start https://pc.qq.com/search.html#!keyword=vscode
echo 下载安装VScode后继续
pause
start https://pc.qq.com/search.html#!keyword=Typora
echo 下载安装Typora后继续
pause
cls
goto start


::4.打开StarWiki
:4
@title 4.打开StarWiki
cls
start http://xun69.cn/wiki2
cls
goto start

::5.打开CSDN博客
:5
@title 5.打开CSDN博客
cls
start https://blog.csdn.net/
cls
goto start

::6.打开GitHub
:6
@title 6.打开GitHub
cls
start https://github.com/login
cls
goto start

::7.下载FTP工具:FileZilla
:7
@title 7.下载FTP工具:FileZilla
cls
start https://pc.qq.com/search.html#!keyword=FileZilla
cls
goto start

Vue2.0开发环境与脚手架项目搭建批处理脚本文件
国庆节快乐!祝福祖国强盛!