热门标签
当前位置: article > 正文
[保姆级教学]使用Vue ui创建一个完整的vue项目_vue ui 创建项目
作者：小蓝xlanll | 2024-06-09 14:14:02
赞
踩
vue ui 创建项目
目录
1）创建项目
2）打开项目
3）启动项目
1）创建项目
首先在cmd中输入vue ui指令以在本地打开vue ui页面
进入到vue项目管理器
预备创建项目
进入详细的项目配置界面，初始化Git仓库非必选，看个人需求
选择手动配置依赖项
通常来说常选泽：Babel（默认必选）、Router（路由）、Vuex（一种实现组件之间数据共享的技术）、Linter（默认必选）、config
选择标准配置文件
第一次用脚手架创建项目非常慢
2）打开项目
vue项目创建完成后，用Vscode打开：
一个标准的vue项目结构如下：
3）启动项目
随后用VSCode打开项目文件，可以在vue ui的Tasks栏下打开项目的服务
在Output中找到项目的本地地址并打开，
即可进入到主页
或者在Vscode中新建一个终端，输入以下两条指令并回车：
1. 安装本地 node_modules 文件夹中的依赖项：npm install
2. 启动服务：npm run serve
第二步也可以通过下面这种方式代替
最后也是能成功跳转到主页
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小蓝xlanll/article/detail/694438
推荐阅读
相关标签
