vue-cli使用

简介: 1.全局安装vue-clicnpm i vue-cli -g2.监测安装版本vue -V V : version3.指定目录下新建项目vue init webpack [项目名]按自己的意愿配置、选择对应信息。

1.全局安装vue-cli

cnpm i vue-cli -g

2.监测安装版本

vue -V

 V : version

3.指定目录下新建项目

vue init webpack [项目名]

按自己的意愿配置、选择对应信息。最后配置完成检查package.json是否如此

 

4.进入到项目

cd demo

5.安装全部依赖(或者在init是选择自动安装)

cnpm i

6.安装你需要但是默认没被安装的(比如axios)

cnpm i --S vuex axios

(上图忘了cd到对应目录,自己安装一定要先cd到对应目录,不然在文件夹同级又多建一个package.json和node_modules)

备注: --S 大写,将安装到dependencies内

6.安装成功执行运行

cnpm run dev

这里,默认配置的端口为8080(后期可以自己改),现在可以在浏览器打开http://localhost:8080,如下图说明成功

 

目录
相关文章
|
5月前
|
JavaScript 搜索推荐 前端开发
Vue工具和生态系统:Vue CLI是什么?它的作用是什么?
Vue工具和生态系统:Vue CLI是什么?它的作用是什么?
52 0
|
13天前
|
JavaScript
Vue CLi脚手架创建第一个VUE项目
Vue CLi脚手架创建第一个VUE项目
31 3
|
12天前
|
JavaScript 前端开发
|
13天前
|
JavaScript
【小白懂系列】Vue CLi脚手架创建第一个VUE项目
【小白懂系列】Vue CLi脚手架创建第一个VUE项目
25 2
|
1月前
|
JavaScript
Vue Cli 脚手架安装
本文介绍了如何使用npm和cnpm淘宝镜像加速来安装Vue CLI脚手架工具,并验证安装成功。接着,通过Vue CLI创建新项目,并启动项目服务。
Vue Cli 脚手架安装
|
4月前
|
JavaScript 前端开发 测试技术
使用 Vue CLI 脚手架生成 Vue 项目
通过 Vue CLI 创建 Vue 项目可以极大地提高开发效率。它不仅提供了一整套标准化的项目结构,还集成了常用的开发工具和配置,使得开发者可以专注于业务逻辑的实现,而不需要花费大量时间在项目配置上。
122 7
使用 Vue CLI 脚手架生成 Vue 项目
|
5月前
|
存储 缓存 JavaScript
如何从 Vue CLI 迁移到 Vite
如何从 Vue CLI 迁移到 Vite
176 0
|
5月前
|
JavaScript 搜索推荐 前端开发
Vue工具和生态系统:Vue CLI是什么?它的作用是什么?
【4月更文挑战第17天】Vue CLI是官方的Vue.js开发加速器,它包含交互式项目模板和@vue/cli-service,基于webpack并预设配置。支持个性化配置和插件扩展,拥有大量官方插件,整合最佳前端工具。还提供图形化界面用于项目管理和创建。
41 0
|
5月前
|
JavaScript 搜索推荐 测试技术
深入了解 Vue CLI:现代化 Vue.js 项目开发工具
深入了解 Vue CLI:现代化 Vue.js 项目开发工具
|
5月前
|
JavaScript
使用 Vue CLI 创建 Vue 项目的详细步骤
使用 Vue CLI 创建 Vue 项目的详细步骤
45 0