Vue-CLI4安装与项目创建

一、安装vue-cli4

1. 安装node

http://nodejs.cn/download/ 
官网下载安装，默认安装到c盘，next到底

2. 安装webpack

进入cmd
npm install webpack -g

3. 安装脚手架

npm install -g @vue/cli

Vue-CLI的版本为4.2.2


vue-cli 4.2.2.png

二、创建Vue-cli4项目

1. 创建项目

vue create 项目名称，接下来进行一系列配置

vue create 项目名称

项目配置：默认/手动配置，选择手动配置


image.png

选择需要的配置：空格进行选择或反选
Linter/Formatter一项默认选择，取消选择后可以不进行ESLint检测代码规范


image.png

配置单独生成文件还是放在package.json中，这里选择单独生成文件
image.png

是否需要保存刚才的设置，这里选择否


image.png

配置成功后如下图
image.png

2. 运行项目

进入到项目所在的目录，npm run serve运行项目


image.png

点击网址，界面如下


image.png

项目创建成功！！！
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容