使用VScode创建第一个vue项目

Posted 2021-03-06 清酒一杯

使用VScode创建第一个vue项目

初识vue，小小白一枚

---

软件，插件安装，略...

插件：vetur（支持vue代码高亮）、ESLint（js语法纠错）、Auto Close Tag（自动闭合标签）、Auto Rename Tag（自动完成另一侧标签的同步修改）、jQuery Code Snippets（jQuery 代码智能提示）。。。

第一步：打开终端，输入vue init webpack yourprojectName

vue init webpack yourprojectName

果然，通往成功的道路不是那么一帆风顺的。。

原因：计算机上启动 Windows PowerShell 时，执行策略为 Restricted（默认设置）。Restricted 执行策略不允许任何脚本运行。

解决：

在命令框输入：set-ExecutionPolicy RemoteSigned

选择Y，这个问题解决！

第二步：继续在终端输入vue init webpack yourprojectName

这个过程是一步一步来的，全都选择yes就行

创建成功之后回出现一下提示

按照提示运行

cd myuve

npm run dev

如下图：

这时候，一个vue项目就创建出来了，访问地址：http://localhost:8080

项目结构如下图：