Rumah  >  Artikel  >  alat pembangunan  >  如何用vscode构建一个简单的框架

如何用vscode构建一个简单的框架

王林
王林asal
2020-02-10 13:50:593476semak imbas

如何用vscode构建一个简单的框架

本文以vscode+vue框架搭建为例。

第一步:

安装node.js

安装完成之后打开cmd:node -v 查看版本(npm一体的,可以直接查看),显示下图安装成功

 9267cb80ec9791127d97e39ece01524.png

第二步:

安装淘宝镜像:npm install -g cnpm --registry=https://registry.npm.taobao.org 

 f1bbf08f823a530e9fafd06452dd3db.png

第三步:

安装脚手架:npm install -g @vue/cli

 b6e4373b9613cdefa047628a992fef0.png

 第四步:

创建一个项目:进入自己项目的位置(例:d)

 c3afbb872118400f8d05759c5a5768b.png

创建:vue create hello_vue

fc97cfc25d26b8561536c9100f73838.png

第五步:

安装vscode,打开工具,file—》open folder—》打开项目文件

ctrl+~打开控制台;重新安装依赖:cnpm install 

安装后在项目框架中会出现

916ed5a45392d05da34aed993503c99.png

然后开始运行项目吧!

运行:npm run dev

相关文章教程推荐:vscode教程

Atas ialah kandungan terperinci 如何用vscode构建一个简单的框架. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:vscode在哪下载Artikel seterusnya:vscode无法使用鼠标拖动选择