Vue安装脚手架教程

Vue安装脚手架教程

电脑没有node环境请先移步官网安装NodeJS  https://nodejs.org/en/

Vue安装脚手架教程插图

安装完成后win加r输入cmd 以管理员身份运行

Vue安装脚手架教程插图1

更换源 更换国内淘宝源 便于下载速度的提升

npm install -g cnpm --registry=https://registry.npm.taobao.org

Vue安装脚手架教程插图2

npm install -g @vue/cli

安装完成判断vue是否安装完成输入查看 如图下版本为5.0.4

vue --version

Vue安装脚手架教程插图3

创建名为vue_test_01的vue项目

vue create vue_test_01

方向键“↓”选择vue2,以蓝色字体为选中状态 Enter回车进行安装

Vue安装脚手架教程插图4

下载取决网速 正常1-3分钟内完成项目创建

安装目录是cmd窗口显示路径

Vue安装脚手架教程插图5

命令一进入项目目录  命令二运行项目

cd vue_test_01
npm run serve

Vue安装脚手架教程插图6

输入框内任意网址即可完成项目的访问

图一本地 图二内网可供教室其他学生访问

Vue安装脚手架教程插图7

至此脚手架教程结束

Vue安装脚手架教程插图8

给TA打赏
共{{data.count}}人
人已打赏
CSS

CSS-border边框(圆角边框、图片边框)

2021-11-10 0:00:33

单页模块

手机应用官网APP单页

2021-12-12 19:51:12

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索