vue-cli脚手架搭建简单项目(Visual Studio Code,基于vue-cli4.x版本)

1.安装vue-cli

PS E:\vue-workspace> npm install -g @vue/cli

2.查看是否安装成功

PS E:\vue-workspace> vue -V
@vue/cli 4.1.1

3.创建项目test

PS E:\vue-workspace> vue create test

4.选择配置,“空格”进行选择,“回车”进入下一步,依次选择:
(1)Manually select features(自定义配置)
(2)Babel、Router、Vuex、CSS Pre-processors、Linter/Formatter
(3)Less
(4)ESLint + Standard config
(5)Lint on save(保存就检测)
(6)In dedicated config files(独立的配置文件)
(7)Y(保存配置,需键入名称,在(1)时可选择),n不保存
5.创建项目中,下载依赖模块需等待较长时间,根据网速情况约等待几分钟至几十分钟不等
6.进入项目根目录

PS E:\vue-workspace> cd test

7.运行项目

PS E:\vue-workspace\test> npm run 
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
【优质项目推荐】 1、项目代码均经过严格本地测试,运行OK,确保功能稳定后才上传平台。可放心下载并立即投入使用,若遇到任何使用问题,随时欢迎私信反馈与沟通,博主会第一时间回复。 2、项目适用于计算机相关专业(如计科、信息安全、数据科学、人工智能、通信、物联网、自动化、电子信息等)的在校学生、专业教师,或企业员工,小白入门等都适用。 3、该项目不仅具有很高的学习借鉴价值,对于初学者来说,也是入门进阶的绝佳选择;当然也可以直接用于 毕设、课设、期末大作业或项目初期立项演示等。 3、开放创新:如果您有一定基础,且热爱探索钻研,可以在此代码基础上二次开发,进行修改、扩展,创造出属于自己的独特应用。 欢迎下载使用优质资源!欢迎借鉴使用,并欢迎学习交流,共同探索编程的无穷魅力! 基于业务逻辑生成特征变量python实现源码+数据集+超详细注释.zip基于业务逻辑生成特征变量python实现源码+数据集+超详细注释.zip基于业务逻辑生成特征变量python实现源码+数据集+超详细注释.zip基于业务逻辑生成特征变量python实现源码+数据集+超详细注释.zip基于业务逻辑生成特征变量python实现源码+数据集+超详细注释.zip基于业务逻辑生成特征变量python实现源码+数据集+超详细注释.zip基于业务逻辑生成特征变量python实现源码+数据集+超详细注释.zip 基于业务逻辑生成特征变量python实现源码+数据集+超详细注释.zip 基于业务逻辑生成特征变量python实现源码+数据集+超详细注释.zip
提供的源码资源涵盖了安卓应用、小程序、Python应用和Java应用等多个领域,每个领域都包含了丰富的实例和项目。这些源码都是基于各自平台的最新技术和标准编写,确保了在对应环境下能够无缝运行。同时,源码中配备了详细的注释和文档,帮助用户快速理解代码结构和实现逻辑。 适用人群: 这些源码资源特别适合大学生群体。无论你是计算机相关专业的学生,还是对其他领域编程感兴趣的学生,这些资源都能为你提供宝贵的学习和实践机会。通过学习和运行这些源码,你可以掌握各平台开发的基础知识,提升编程能力和项目实战经验。 使用场景及目标: 在学习阶段,你可以利用这些源码资源进行课程实践、课外项目或毕业设计。通过分析和运行源码,你将深入了解各平台开发的技术细节和最佳实践,逐步培养起自己的项目开发和问题解决能力。此外,在求职或创业过程中,具备跨平台开发能力的大学生将更具竞争力。 其他说明: 为了确保源码资源的可运行性和易用性,特别注意了以下几点:首先,每份源码都提供了详细的运行环境和依赖说明,确保用户能够轻松搭建起开发环境;其次,源码中的注释和文档都非常完善,方便用户快速上手和理解代码;最后,我会定期更新这些源码资源,以适应各平台技术的最新发展和市场需求。
要在Visual Studio Code中运行Vue项目,可以按照以下步骤进行操作: 1. 首先,确保你已经安装了Node.js和Vue的脚手架工具vue-cli。Node.js是Vue项目的运行环境,而vue-cli是用于创建和管理Vue项目的命令行工具。 2. 打开Visual Studio Code,并打开存放项目的文件夹。在左侧的导航栏中,选择“文件”>“打开文件夹”,然后选择你的项目文件夹。 3. 在Visual Studio Code中打开终端。选择“视图”>“终端”,或使用快捷键Ctrl+`(反引号)打开终端。 4. 在终端中执行以下命令来安装项目的依赖项:npm install。这将根据项目中的package.json文件自动安装所需的依赖项。 5. 安装完成后,在终端中执行以下命令来运行Vue项目:npm run serve。这将启动一个开发服务器,并在浏览器中打开项目的默认网址。 6. 现在,你可以在Visual Studio Code中进行开发和调试Vue项目了。你可以在代码中编辑、保存文件,并在浏览器中实时查看更改的效果。 总结起来,要在Visual Studio Code中运行Vue项目,你需要先安装Node.js和Vue的脚手架工具vue-cli,然后在Visual Studio Code中打开项目文件夹,安装项目依赖项并运行项目。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [浅析Visual Studio Code断点调试Vue](https://download.csdn.net/download/weixin_38632916/12763097)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [Visual Studio Code 中创建并运行vue项目](https://blog.csdn.net/qq_27081015/article/details/117296421)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [Visual Studio Code 创建vue项目](https://blog.csdn.net/qq_34410726/article/details/125707001)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值