第一个vue-cli程序

最新推荐文章于 2025-11-21 15:30:50 发布

原创最新推荐文章于 2025-11-21 15:30:50 发布 · 271 阅读

CC 4.0 BY-SA版权

文章标签：

15 篇文章

订阅专栏

一、什么是vue-cli

vue-cli官方提供的一个脚手架，用于快速生成一一个 vue的项目模板;

预先定义好的目录结构及基础代码，就好比咱们在创建Maven项目时可以选择创建一个骨架项目，这个骨架项目就是脚手架,我们的开发更加的快速;

Node.js
安装就无脑下一步就好，安装在自己的环境目录下。
Git
镜像

这样子的话，下载会快很多~ .

全局安装：npm install cnpm -g

安装的位置：C:\Users\Administrator\AppData\Roaming\npm

查看cnpm是否安装成功：
在这里插入图片描述

安装命令：
cnpm install vue-cli -g

查看vue-cli是否安装成功：
在这里插入图片描述

查看可以基于哪些模板创建vue应用程序，通常我们选择webpack：
vue list
在这里插入图片描述

创建一个Vue项目,我们随便建立一个空的文件夹在电脑.上
创建一个基于webpack模板的vue应用程序
这里的myvue是项目名称，可以根据自己的需求起名
vue init webpack myvue
一路都选择no即可；

说明：
Project name：项目名称，默认回车即可。
Project description：项目描述，默认回车即可
Author：项目作者，默认回车即可
Install vue-router：是否安装vue-router, 选择n不安装(后期需要再手动添加)
Use ESLint to lint your code：是否使用ESLint做代码检查，选择n不安装(后期需要再手动添加)
Set up unit tests：单元测试相关，选择n不安装(后期需要再手动添加)
Setup e2e tests with Nightwatch：单元测试相关，选择n不安装(后期需要再手动添加)
Should we run npm install for you after the project has been created: 创建完成后直接初始化，选择n,我们手动执行;