1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > vue cli脚手架详解_vue-cli脚手架搭建vue项目搭建

vue cli脚手架详解_vue-cli脚手架搭建vue项目搭建

时间:2023-06-14 13:55:38

相关推荐

vue cli脚手架详解_vue-cli脚手架搭建vue项目搭建

在搭建项目前,需要确认系统是否已正确安装nodejs工具,建议node安装6.+以上的稳定版本,若这个最基本的配置已经完成了,就可以开始搭建项目了

1 进入到你想要创建项目的目录下,全局安装vue-cli脚手架工具

npm install -g vue-cli

2 基于webpack初始化创建vue项目

vue init webpack 项目名称(项目名称需小写)

解释说明

“Project name”:项目名称,不输入直接回车是默认输入时的名称,亦可修改成其他项目名

“Install vue-router”:是否需要vue-router,这里默认选择使用,将生成项目相关的路由配置文件

“Use ESLint to lint your code”:是否使用ESLint,如果需要使用可按回车或输入Y,默认使用,生成相关的ESLint配置;但是这里我输入n,原因是暂时不需要使用

“Setup unit tests with Karma + Moch?”: 是否安装单元测试。由于目前还没有单元测试,这里输入n

“Setup e2e tests with Nightwatch”:是否安装e2e测试,由于项目暂时未使用到,这里输入n

3 安装成功后打开项目
4 进入到项目根目录,安装项目

cd 项目目录npm install

5 启动项目

npm run dev

浏览器打开地址

接下来就可以开始开心的玩耍啦

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。