首页 > 其他 > 详细

Vue脚手架搭建流程

时间:2020-08-18 21:37:43      阅读:78      评论:0      收藏:0      [点我收藏+]

Vue脚手架搭建流程
在创建vue脚手架的过程中,会使用到npm包管理工具。这个npm包管理工具是集成在node.js中的。
1.首先安装node.js
从node官网下载并安装node,只需要默认就ok
安装完成后,在cmd中输入node -v,测试node.js
是否安装成功。

出现对应版本号,说明安装成功。
在输入npm -v也会出现对应的版本号(因为npm集成在node.js中)

2.安装脚手架工具vue-cli
全局安装vue-cli
打开命令行工具
输入npm install --global vue-cli

3.创建项目
打开命令行工具
输入vue create mytest(项目名)

回车,选择配置方式:有自动的和手动的,这里推荐选择手动配置Manually select features(根据项目需求配置)

选择手动配置Manually select features回车之后,

上下键切换空格确认,勾选Vuex和Router选完之后,回车

一路回车之后创建完毕

cd进入刚创建的mytest(项目名)

然后npm run serve启动

在浏览器中输入:http://localhost:8080/,即可显示vue初始页面。

 

Vue脚手架搭建流程

原文:https://www.cnblogs.com/xxxx0130/p/13525957.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!