vue+NodeJs+vue-cli 帮你创建标准的vue工程

本文介绍了如何安装Node.js,确保不放在中文目录下,并通过npm安装VueCLI。接着,展示了如何使用VueCLI创建一个新的Vue项目,添加axios依赖,并在WebStorm中导入并启动项目。如果遇到路径问题,需要正确配置Node.js的路径。
摘要由CSDN通过智能技术生成

1.安装nodejs

        1.1

        Node.js官方安装包及源码下载地址:https://nodejs.org/en/

        注意安装时不要安装在中文目录下

        1.2 查看是否完成安装   显示版本号表示已安装成功 

        

2. 安装vue-cli

        2.1 安装命令

        npm install -g @vue/cli

         2.2 查看是否安装成功  显示版本号则代表安装成功

        2.3 使用vue脚手架创建vue工程

 

        第一次创建时选择手动创建

 

 

        保留预设,以后可以选用该预设

 

         创建好项目后进入如下页面

        2.4 添加相关依赖及插件

 

           添加axios依赖

 3.在webstorm中打开刚创建的项目

        3.1导入项目

 

         3.2 启动vue工程

 

         点击上图中地址  弹出以下页面则表示工程启动成功

注意: 如出现以下提示  需进行配置

        找到安装nodejs的路径进行配置,配置后重启vue工程即可

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值