vue项目创建

最新推荐文章于 2022-01-22 19:38:35 发布
最新推荐文章于 2022-01-22 19:38:35 发布
阅读量57 收藏
点赞数
分类专栏： vue javaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43295106/article/details/115668513
版权

首先安装号node.js
安装淘宝 NPM 镜像

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

项目初始化

cnpm install vue-cli -g//全局安装 vue-cli

查看安装好的版本号

vue list//查看vue版本号

在这里插入图片描述

创建项目名称

vue init webpack  ”项目名称“

在这里插入图片描述
项目模块安装 npm install 或 cnpm install

运行项目 npm run dev

vscode格式化代码
在settings.json中
在这里插入图片描述

kidrue
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue项目创建步骤
weixin_64315174的博客
11-29 4104
vue项目创建步骤
如何创建一个vue项目（详细步骤）
热门推荐
Monsters___的博客
08-27 11万+
如何创建一个 vue 项目 详细步骤 (vue-cli2 / vue-cli3) (webpack / vite)
vue项目创建及配置选择
qq_52764250的博客
01-22 4719
前言 vue是一套用于构建用户界面的渐进式框架。我使用vue最直观的感受就是它组件化开发的高效率和高复用。接下来我将讲述从从零搭建vue框架。 准备 在我们创建vue项目之前我们需要的环境配置 Node.js :Javascript运行环境 npm ：包管理工具（同Node.js一同安装） vue.js : 官方命令行工具 npm install vue -g wepack :前端资源加载、打包工具 npm install webpack -g vue全家桶 了解vue全家...
Python Django Vue 项目创建过程详解
09-18
4. **打包Vue项目** 进入`webfront`目录，安装依赖并运行构建命令： ``` cd webfront npm install npm run build ``` 这将生成一个`dist`文件夹，包含`index.html`和`static`文件夹，它们包含了Vue应用的编译...
vue项目创建步骤教程.docx
12-10
项目创建完毕后，进入项目目录并启动开发服务器： ```bash cd test npm run serve ``` 这将启动一个热加载的开发服务器，并在浏览器中打开默认链接，你的Vue项目就准备好了。 总结来说，创建Vue项目主要涉及以下...
vue项目创建和目录介绍
12-10
项目创建完成后，你将看到一个典型的Vue项目目录结构，包括以下几个关键部分： 1. **src**：这是项目的主要源代码目录。 - **assets**：放置静态资源，如图片、字体等。这些文件会被编译并复制到dist目录中。 - *...
vue项目创建简单echarts图表
01-11
在Vue项目中集成ECharts，可以方便地创建交互式的数据可视化组件。以下是一个详细的步骤指南，教你如何在Vue项目中创建一个简单的ECharts图表。 首先，确保你已经安装了Node.js和Vue CLI。如果没有，你可以访问官方...
在vue项目创建的后初始化首次使用stylus安装方法分享
11-28
项目创建报错： This dependency was not found: * !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-1d...
vue3+vite相对路径处理
weixin_43295106的博客
10-15 5122
import { resolve } from 'path'; function pathResolve(dir: string) { return resolve(process.cwd(), '.', dir); } resolve: { alias: [//别名 { find: 'vue-i18n', replacement: 'vue-i18n/dist/vue-i18n.cjs.js', },
vue实现下拉选择框功能
weixin_43295106的博客
05-20 3542
.taskSort { width: 100%; justify-content: space-around; } .taskSort span:first-child{ width: 4rem; } .zkicon { margin-left: 0.5rem; width: 0; height: 0; border-left: 0.45rem solid transparent; border-right: 0.45rem solid tran
react路由无法跳转（To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function）
weixin_43295106的博客
10-25 2107
//问题：每次提交表单成功后跳转路由都回马上返回登陆页（手机必定出现，pc不出现） //react提示error：Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEff
vue第二次进入时created方法不执行
weixin_43295106的博客
10-11 1120
watch: { $route() { //解决方法监听路由变化并执行相应方法即可 if (this.$route.query.ishit) { console.log(123); this.isshowModel = true this.domainlist = [] ..
input输入框自动补空格及删除时自动删除空格
weixin_43295106的博客
09-09 773
//input输入框自动补空格及删除时自动删除空格 方法 function phoneSpace(phone, isdelete, callback) { //如果是删除按键，则什么都不做 if (isdelete) { // 当最后一位字符为空时，去掉最后空格 if (phone.charAt(phone.length - 1) == " ") { phone = phone.substr(0, phone.length - 1)
对多维数组进行数据平铺处理，并进行去重排序
weixin_43295106的博客
04-21 649
var a = [ [1, 2, 3, 11], [2, 3, 5, 1, [12, 22, 33, [31, 32, 53]]], [1, 5, 6], [2, 8, 4], 9, 10, 2, 1 ]; console.log(a); var b = []; test(a) console.log(b); ..
echarts 实现相应区域人数显示
weixin_43295106的博客
04-05 570
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>区域代理</title> <link rel="stylesheet" href="../css/map.
vue项目中实现批量数据的 时间倒计时
weixin_43295106的博客
05-14 391
<template> <div> <div class="timeText">距结束 {{ item.timeText }}</div> </div> </template> data() { return { lists: this.list, timer: [], timeShow: [], } }, .
js巧妙简洁实现复制功能
weixin_43295106的博客
03-17 308
html： 点击复制 javascript代码： function copy(id) { var Url2=document.getElementById(id).innerText; var oInput = document.createElement(‘input’); oInput.value = Url2; document.body.appendChild(oInput); oInpu...
vscode中vue项目创建
最新发布
08-21
在VS Code中创建Vue项目，可以按照以下步骤进行操作： 1. 首先，确保你已经在电脑上安装了Node.js和Vue CLI（如果没有安装，可以从官网下载并安装）。 2. 打开VS Code，点击左侧的“终端(Terminal)”选项卡，选择...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值