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

项目结构如下图:


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM