vscode+vue 框架搭建

第一步:----------------------------------------------------------------------------------------------------

安装node.js,官方下载地址:https://nodejs.org/en/

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

vscode+vue 框架搭建

 

第二步:----------------------------------------------------------------------------------------------------

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

vscode+vue 框架搭建

 

第三步:----------------------------------------------------------------------------------------------------

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

 vscode+vue 框架搭建

 第四步:----------------------------------------------------------------------------------------------------

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

 vscode+vue 框架搭建

创建:vue create hello_vue

vscode+vue 框架搭建

第五步:----------------------------------------------------------------------------------------------------

安装vscode,官网下载:https://code.visualstudio.com/

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

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

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

vscode+vue 框架搭建

然后开始运行项目吧!

运行:npm run dev


欢迎分享,(联系QQ/微信:996991818)

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论