vue脚手架安装步骤

1.安装最新版本的node.js

参考网址:node.js下载

参考网址:node.js安装配置 菜鸟教程

2.安装淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

3.安装脚手架

npm install -g @vue/cli

4.创建项目

vue create myjob

5.配置项目

a.选择手动配置
在这里插入图片描述

b.选择需要的
在这里插入图片描述

c.不选history模式
在这里插入图片描述

d.选less
在这里插入图片描述

e.选择仅保存时报错
在这里插入图片描述

f.选择保存时检测语法
在这里插入图片描述

g.配置放在package.json里
在这里插入图片描述

h.选N
在这里插入图片描述

i.项目正在创建
在这里插入图片描述

j.项目创建成功
在这里插入图片描述

6.进入项目

cd myjob

在这里插入图片描述

7.运行项目

npm run serve

在这里插入图片描述

项目创建成功之后都有哪些文件夹

node_modules —— 安装好的各个模块
public —— 存放的是最后编译项目时候的页面模板,里面是index.html文件
src —— 整个项目中所有需要包含的代码
.gitignore —— 忽略文件
babel.config.json —— babel的配置信息(编译解析js)
package.json —— 当前项目依赖清单(各种插件,如:jQuery)
src文件夹下的文件:
assets —— 存放静态资源文件(比如自己的资源图片、css文件、js文件)
components —— 公共组件(经常复用的)
router —— 路由组件
store —— vuex状态管理
views —— 逻辑页面组件(记得要建文件夹哦)
App.vue —— 核心文件
main.js —— 入口文件

在这里插入图片描述

vue脚手架如何卸载

在命令行窗口 输入 npm uninstall -g vue-cli

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值