【vue2】使用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。看到以下画面则说明创建成功

        【vue2】使用vscode 创建vue2.0项目_第1张图片

参考:

​​​​​​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

 
 

你可能感兴趣的:(vue,vue)