码迷,mamicode.com
首页 > 其他好文 > 详细

使用VScode创建第一个vue项目

时间:2020-03-10 15:47:36      阅读:51      评论:0      收藏:0      [点我收藏+]

标签:结构   jquery   project   wrap   智能   man   bre   das   isp   

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

标签:结构   jquery   project   wrap   智能   man   bre   das   isp   

原文地址:https://www.cnblogs.com/zdh052286/p/12455945.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!