站长资讯网
最全最丰富的资讯网站

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

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

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

第一步:

安装node.js

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

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

第二步:

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

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

第三步:

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

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

第四步:

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

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

创建:vue create hello_vue

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

第五步:

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

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

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

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

然后开始运行项目吧!

运行:npm run dev

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

赞(0)
分享到: 更多 (0)

网站地图   沪ICP备18035694号-2    沪公网安备31011702889846号