vue脚手架创建时出错

1 篇文章 0 订阅

使用vue脚手架直接创建vue项目时出现了错误

在这里插入图片描述
解决方法:
先清楚cnpm的缓存

cnpm cache clean --force

再找到一个文件
C:\Users\shangsiqi.vuerc修改文件中的配置

把高亮的部分设成true(原先为false)
{
"useTaobaoRegistry": true,
“latestVersion”: “4.2.3”,
“lastChecked”: 1584601852291,
“presets”: {
“myPreset”: {
“useConfigFiles”: false,
“plugins”: {
“@vue/cli-plugin-babel”: {}
}
},
“my”: {
“useConfigFiles”: true,
“plugins”: {
“@vue/cli-plugin-babel”: {}
}
}
}
}

Vue脚手架(Vue CLI)是一个基于 Vue.js 进行快速开发的完整系统。它可以创建一个全新的 Vue.js 项目,包括预设的构建配置、依赖和开发服务器。 要使用 Vue 脚手架创建一个 HTML 文档,通常会通过创建一个新的 Vue 组件来实现。每个 Vue 组件都可以视为一个独立的 HTML 文档,其中包含了模板、脚本和样式等部分。以下是使用 Vue CLI 创建一个新项目并添加一个 HTML 文档的基本步骤: 1. 全局安装 Vue CLI: 打开终端或命令行界面,输入以下命令安装 Vue CLI: ``` npm install -g @vue/cli ``` 或者使用 yarn 进行安装: ``` yarn global add @vue/cli ``` 2. 创建一个新的 Vue 项目: 在命令行中,导航到你想要创建项目的目录,然后运行以下命令: ``` vue create my-project ``` 其中 `my-project` 是你想要命名的项目文件夹名称。 3. 进入项目目录并创建 Vue 组件: 完成项目创建后,进入项目目录: ``` cd my-project ``` 然后使用 Vue CLI 创建一个新的组件: ``` vue add component my-component ``` 这将在 `src/components` 目录下创建一个名为 `MyComponent.vue` 的新 Vue 组件文件。 4. 编辑组件文件以创建 HTML 内容: 打开 `MyComponent.vue` 文件,并根据需要编辑模板部分来定义你的 HTML 结构。例如: ```html <template> <div> <h1>欢迎来到 Vue</h1> <p>这是一个 HTML 文档示例。</p> </div> </template> ``` 在 `<script>` 标签内编写组件逻辑,以及在 `<style>` 标签内添加样式。 5. 在主组件中引用新创建的组件: 在 `src/App.vue` 中导入并注册新组件,然后在模板中使用它。 完成以上步骤后,你可以启动开发服务器: ``` npm run serve ``` 或者 ``` yarn serve ``` 然后在浏览器中访问提供的本地服务器地址(通常为 `http://localhost:8080`),就可以看到你的 Vue 组件渲染的 HTML 内容了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值