使用vscode 创建vue2.0项目

1、安装vue-cli

        点击终端-新终端,输入:npm install -g vue-cli 等待安装成功。

        若安装失败,可以尝试使用:

                1,配置淘宝镜像:npm config set registry https://registry.npm.taobao.org

                2,配置完成后检验是否成功:npm config get registry

                3,重新运行命令:npm install -g @vue/cli

2、安装js打包工具

       终端输入:npm install -g webpack等待安装成功。

3、创建vue项目

        终端输入:vue init webpack myvue 。其中myvue为创建的项目名称。后面会提示选项,可以点击回车使用默认值。

        如果提示:使用"vue init webpack"时报错"无法加载文件,因为在此系统上禁止运行脚本"。则可以找到该路径,删除该文件。

4、运行项目

        终端输入:npm run dev等待安装成功。

5、浏览器中运行

        在浏览器里输入:http://localhost:8080。看到以下画面则说明创建成功

        

参考:

​​​​​​https://blog.csdn.net/liudoris/article/details/108167725;

https://blog.csdn.net/weixin_43170297/article/details/102589537;

https://www.cnblogs.com/flms/p/12799835.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

北雨南萍

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值