使用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

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
创建Vue2.0项目的步骤如下: 1. 打开命令行,并进入要创建项目的文件夹。可以通过在文件夹上右键点击,选择“在此处打开命令窗口”来打开命令行,或者使用VSCode的终端。 2. 在命令行中输入以下命令:`vue create 项目名`,其中"项目名"是你想要给项目起的名称。 3. 在选择项目版本的界面,选择Vue2作为项目的版本。 4. 等待项目创建完成后,切换到项目根目录下,通过输入命令`cd 项目名`进入项目。 5. 运行项目,输入命令`npm run serve`,然后在浏览器中打开项目。 具体步骤引用自。 需要注意的是,在执行上述步骤之前,你需要确保已经安装了Node.js和npm,并且配置了阿里云镜像。你可以通过在命令行中输入`node -v`来检查是否已安装Node.js。引用自和的相关内容提供了一些安装和检查Node.js的指南。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [vue2.0项目的搭建(入门篇)](https://blog.csdn.net/weixin_51445423/article/details/124275066)[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: 50%"] - *3* [使用vue2.0创建项目的步骤方法](https://download.csdn.net/download/weixin_38528459/13617058)[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: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

北雨南萍

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

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

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

打赏作者

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

抵扣说明:

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

余额充值