VSCode创建Vue项目

最新推荐文章于 2024-08-13 16:52:28 发布
最新推荐文章于 2024-08-13 16:52:28 发布
阅读量1.2k 收藏 4
点赞数 1
文章标签： vue.js vscode javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_26132519/article/details/121863010
版权

通过VSCode创建Vue项目

下载完成后默认安装，安装完成后打开cmd 输入下面的命令查看是否成功安装，同时验证npm，因为跟node同时安装

  • 安装vetur

  • 安装ESLint

  •  选择终端（Terminal），选择新建终端（New Terminal），通过命令切换到准备存放的文件夹

  • 输入vue init webpack 项目名称，如提示这个错误信息，请往下看 

  •  在windows系统中打到windows powerShell,并以管理员身份运行,输入(set-ExecutionPolicy RemoteSigned )回车,输入Y确认

  • 然后重新创建项目，显然创建成功了。

  • 项目启动成功

 

  • 浏览器打开的效果

 

  • 项目打包上线命令：npm run build

yin_sk
关注
VSCode创建Vue项目完整教程
weixin_46271689的博客
04-18 4万+
文章目录一、配置环境1.安装VS Code2.安装node.js3.安装配置脚手架vue-cli二、创建vue项目1.命令方式创建2.重新初始化依赖3.启动项目总结 一、配置环境 1.安装VS Code 官网下载 https://code.visualstudio.com/ 下载VS Code，按照步骤安装。 2.安装node.js （1）官网 https://nodejs.org/en/ 下载node.js，按照步骤安装即可，node.js安装完成之后会同步安装npm。 （2）配置环境变量：把node.j
vsCode 创建Vue项目
lxsz0214的博客
02-21 3191
vue推荐开发环境: Node.js: javascript运行环境(runtime),不同系统直接运行各种编程语言 webpack: 它主要的用途是通过 CommonJS 的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。 vue-cli: 用户生成Vue工程模板   步骤： 1.安装Node.js 官网下载，直接安装，安装完可以在命令行里通过node -v测...
使用VSCode快速创建一个Vue项目
weixin_59230783的博客
03-28 3978
简简单单使用VSCode创建一个Vue项目
Visual Studio Code搭建VUE开发环境
最新发布
qq_40112624的博客
08-13 1329
安装成功后，npm安装的全局模块和缓存默认安装在C:\Users\用户名\AppData\Roaming\npm文件夹里，这里可以进行路径更改，统一放在我们的Nodejs安装文件夹里，新建两个文件夹。但是需要注意的是，关闭SSL验证会使你的npm操作不安全，因为它会绕过SSL证书的验证，使你的数据传输存在被中间人攻击的风险。加上后，再npm run serve，是npm run serve，还是npm run dev，就看package.json文件，运行成功截图。有时候，npm 的缓存可能会导致问题。
在VS Code上搭建Vue项目教程（Vue-cli 脚手架）
明静致远
07-12 6808
搭建Vue项目使用的是Vue-cli 脚手架。前期环境需要准备就像Java开发要依赖JDK环境一样。
2020-11-20
u014620304的博客
11-20 939
VSCode搭建Vue项目 在vscode上搭建一个vue项目—初学总结。 1.假设Vscode、nodejs等已经安装好了。 2.全局安装vue-cli，vue-cli可以帮助我们快速构建Vue项目。 安装命令： npm install -g vue-cli 打开VScode的终端，调出命令输入框。点击终端-新建终端，输入上述命令，回车，等待安装完成。 3.安装webpack，它是打包js的工具 安装命令： npm install -g webpack 安装方法同上。 4.安装完成之后就可以开始创建vu
vscode创建vue项目
qq_44920229的博客
06-21 4394
VSCode创建Vue项目教学
vscode 创建vue项目
09-04
你可以按照以下步骤在VSCode中创建一个Vue项目： 1. 确保你已经安装了最新版本的Node.js和npm。 2. 打开VSCode，在终端中输入以下命令来安装Vue CLI（如果你已经安装了Vue CLI，请跳过此步骤）： ``` npm ...
使用vscode快速搭建Vue项目步骤
m0_68218656的博客
01-15 1万+
①Win+R指令，打开命令框输入cmd②检查nvm是否安装成功(安装成功会显示对应的版本）nvm -v。
在vscode中创建vue项目
热门推荐
someday____的博客
09-01 2万+
昨天对一次成功用新电脑在vscode上跑成功项目工程里的vue项目，今天目标是自己用vscode新建一个vue项目。第三步：在下面步骤中，一些需要填写或选择的选项，我都直接Enter了，一些需要安装的我都直接No了。第一步：打开vscode, 选择 文件 >> 打开文件夹 选择要创建项目的文件目录。第五步：在浏览器输入http://localhost:8080就可以打开项目了。，其中projectName可以自行修改。第四步：按照上图提示进入到项目目录并运行项目。...
使用VScode创建Vue项目
weixin_56109504的博客
11-02 1466
使用vscode创建vue项目
使用VSCode创建一个Vue项目
Ethereal的博客
07-12 6185
详细介绍如何创建一个Vue项目，node.js，vue-cli安装，配置淘宝镜像等。
使用VSCode创建新的Vue项目
cxhgg的博客
09-09 801
1、在终端窗口输入vue ui打开vue可视化项目管理器 2、创建新项目 3、手动配置项目 4、选择常用功能 5、选择配置 6、创建项目 7、创建的项目可能没有.eslintrc.js文件 从其他项目复制一个过来 自己新建一个，百度找一个配置好的复制过来在修改 8、修改package.json文件 "scripts": { "serve": "vue-cli-service serve", ...
使用 vs code 搭建vue项目
lakershero的博客
05-20 263
1.配置环境 1.1.安装nodejs 下载地址：https://nodejs.org/en/download/。下载zip需要配置环境 1.2.安装vs code 下载地址：https://code.visualstudio.com/Download 1.3.安装插件 中文插件 vetur插件（该插件是vue文件基本语法的高亮插件） 1.4 新建项目 vue init webpack your-project-name, your-project-name为你的项目名，我创建的是
使用 vscode 搭建 vue 项目
YZRHANYU的博客
11-27 2186
vue 之 使用 vscode 搭建 vue 项目
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值