使用VScode创建第一个vue项目
Posted 清酒一杯
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用VScode创建第一个vue项目相关的知识,希望对你有一定的参考价值。
使用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

项目结构如下图:

以上是关于使用VScode创建第一个vue项目的主要内容,如果未能解决你的问题,请参考以下文章