多语言展示
当前在线:314今日阅读:145今日分享:43

vue-cli脚手架搭建方法

vue-cli脚手架搭建方法,需要用vue框架的同学们可以看看,因为基础不太扎实所以真的看文档不太清楚该怎么搭起来。这里有一些图文的方式。
工具/原料
1

电脑

2

webstorm

3

cmd

方法/步骤
1

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

2

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

3

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

4

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

5

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

6

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

7

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

8

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

注意事项
1

出了问题不要慌,看看路径对不对

2

cnpm是淘宝镜像可以搜索安装一下

3

需要装nodejs这里只说了搭脚手架项目,别的都没提但是还是得装一些有的没得,要装啥我忘了

推荐信息