vue-cli脚手架搭建方法

 时间:2024-11-01 03:15:24

1、直接搜索cmd打开命令行工具

vue-cli脚手架搭建方法

2、输入 cnpm install -g vue-cli,点击回车

vue-cli脚手架搭建方法

3、安装好以后回到webstorm中,Terminal进入到要安装脚手架的文件下,输入vue查看是否安装好,如果出现下图的输出,证明安装好了

vue-cli脚手架搭建方法

4、然后安装脚手架 vue init webpack app,其中webpack是,app是项目名可以随便写。然后一直回车等待安装

vue-cli脚手架搭建方法

5、安装完成,文件中出现了以下目录,这就是项目的架构

vue-cli脚手架搭建方法

6、然后安装依赖,Termial中cd app转到项目目录下,输入cnpm install

vue-cli脚手架搭建方法

7、完成很困难,电脑会卡死,且装且珍惜。新的目录结构

vue-cli脚手架搭建方法

8、运行一下,在terminal里cd app这里的app指的你刚才vue init webpack app中的那个app,就是项目名。然后输入npm run dev

vue-cli脚手架搭建方法
  • vue-cli3 脚手架搭建前端 vue 项目详细过程
  • vue-cli 脚手架搭建前端 vue 项目详细过程
  • 怎样用vue-cli脚手架创建vue项目
  • vue脚手架环境搭建(windows)
  • 搭建vue框架的方法
  • 热门搜索
    电脑怎么分区 厨房下水道堵了怎么办 怎么压缩照片大小 微信店铺怎么开 滑板怎么刹车 门锁怎么拆 脸过敏了怎么办小偏方 怎么改照片尺寸 网页上的视频怎么下载 端午节英语怎么说