Vue安装脚手架教程 – 文乐笔记

#Vue安装脚手架教程 – 文乐笔记| 来源: 网络整理| 查看: 265

Vue安装脚手架教程

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

Vue安装脚手架教程插图

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

Vue安装脚手架教程插图1

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

npm install -g cnpm --registry=http://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

【本文地址】

今日新闻