使用vscode 创建vue2.0项目

Posted 2022-12-11 北雨南萍

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