Vue脚手架搭建流程

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初始页面。

 

posted @ 2020-08-18 20:57  点击收藏  阅读(645)  评论(0)    收藏  举报