VsCode直接运行Vue项目

安装完node.js后输入以下命令创建vue项目:

npm install -g vue-cli
npm install -g webpack
创建一个文件夹用来存放你的项目,用vscode打开对应的文件夹,并在终端cd到对应的文件夹,创建项目命令,输入回车:
vue init webpack myvue
其中myvue就是项目名称,根据喜好自己取。

执行vue init webpack myvue时候可能会报错:

vue : 无法加载文件 C:\Users\xxx\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本

解决方法是:使用管理员权限打开Windows power shell  执行命令:set-ExecutionPolicy RemoteSigned

 

 安装完成后你对应的文件下会有个文件夹,文件夹打开内容是这个:

 

 然后控制台输入:npm run dev即可在浏览器中打开vue项目。默认界面为:

 

 

 

 

posted @ 2022-04-27 13:28  苏州の酱醋茶  阅读(1522)  评论(0)    收藏  举报