1.Vue项目创建

已于 2022-11-14 19:46:47 修改
阅读量235 收藏
点赞数 1
分类专栏： vue3 文章标签： vue
于 2022-11-14 16:44:14 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_54937836/article/details/127849898
版权

脚手架是已经搭建好了，下面是项目创建步骤

1.进入想创建项目的地方，输入下面的命令，回车即可

vue create music

2.之后会出现如下三个选项，按上下键选择手动，回车即可

3.按空格键选择如下4个内容，注意把Linter（严格语法标注）关掉，回车即可

 4.依次选择如下内容，回车即可

首先选择Vue3版本

 然后选择Less

 把配置文件放package.json中

 之后导入路由，选择不保存，回车后显示如下，依次输入命令即可打开刚创建的Vue3项目

 5.输入npm run serve命令后显示如下

 

 6.复制网址到阅览器打开，出现如下界面即创建成功

vue创建项目
qq_42221321的博客
02-08 710
vue 创建项目1、参考资料2、命令行： vue创建项目3、图形化界面创建vue项目 1、参考资料 资料1：prettier和standard规则比较 资料2：使用 vue-cli 3 快速创建 Vue 项目及项目配置 Vue.config.js 资料3：vue创建项目 资料4：图形化界面创建vue项目 2、命令行： vue创建项目 命令行窗口输入创建一个名为hello的vue项目 vue create hello 接着出现这个选择界面，default为默认配置，这里选择manually手动选择会有更大的
使用 Vue CLI 创建 Vue.js 项目的详细指南
最新发布
chaosweet的博客
12-31 1918
千里之行，始于足下。
用vue创建一个项目
以后的博客
05-19 1171
要先安装node.js  用node -v 和npm -v 查看是否安装完整 然后安装淘宝镜像cnpm来代替npm 加快创建项目的速度 cnpm -v查看是否安装完整 #最新稳定版本 1·npm install vue  如果使用淘宝镜像安装就输入命令行      cnpm install -g vue-cli进行安装， 如果没有安装淘宝镜像依旧用 npm install -g vue-
vue项目创建
河里的草_increase
06-07 592
学习vue框架，最基本的要求，弄清vue项目的创建； 上篇：JavaScript面向对象(包括ES6) 下篇：vue知识总结 环境安装： 1、安装node.js，这是一个基于谷歌V8引擎的JS运行环境。从官网下载安装即可：下载 | Node.js 中文网 (nodejs.cn) 注：node.js中自带npm，无须独立安装，npm是一个包含众多JS包的管理工具，通过npm命令可以安装很多JS插件，不管是安装在本地还是项目中，都是可以的。vue-cli 3.0要求node.js版本最...
Vue.js教程-Vue项目的目录结构和.vue文件的构成
热门推荐
CoderHqf的博客
07-28 1万+
Vue.js教程-Vue项目的目录结构和.vue文件的构成前言Vue项目的目录结构(Vue-cli3/4版本).vue文件的构成Html区域(template)script区域export default区域style区域总结 前言 本章介绍vue项目的目录结构和一个.vue文件的三部分，分别是template、script和style。 上一篇文章说到为什么同样都是.vue文件，为什么存在于不同的文件夹下，下面先解释一下目录结构。 因为Vue属于单页面开发方式，构成这个页面的元素就是组件，各个小组件组成
解决Vue-cli3没有vue.config.js文件夹及配置vue项目域名的问题
01-21
1.在vue项目根目录下新建vue.config.js（不是在src下面） vue.config.js配置文件： module.exports = { // 基本路径 baseURL已经过时 publicPath: './', // 输出文件目录 outputDir: 'dist', // eslint-loader...
Vue项目创建及配置
L14173233的博客
08-07 1981
Vue是一种用于构建用户界面的JavaScript框架。它采用了一种称为MVVM（Model-View-ViewModel）的架构模式。MVVM是一种将用户界面与业务逻辑和数据分离的设计模式。Model（模型）：表示应用程序的数据和业务逻辑。在Vue中，模型通常是一个JavaScript对象。View（视图）：表示用户界面。在Vue中，视图通常是使用HTML模板构建的。ViewModel（视图模型）：充当模型和视图之间的中间层。
Vue项目创建与项目结构解析
weixin_43576422的博客
11-02 1394
一、新建项目 前置条件： 打开命令行查看是否有需要的环境。 node环境：（若无则安装：npm install -g cnpm –registry=https://registry.npm.taobao.org） vue-cli:（若无则安装：npm install --global vue-cli） 切换到power shell： 新建一个放项目文件夹并进入： vue init webpack 项目名 说明： Vue build ==> 打包方式，回车即可； Install vue-rou
VUE项目创建
huiguo_的博客
03-29 270
首先你的电脑安装了node.js，并进行配置 vue创建一个新的项目 首先cmd d: 然后 cd:/路径（这里是项目保存的路径） vue init webpack 项目名 vue修改端口号config的index.js 第一步 npm install npm install vue-axios --sava npm install qs.js --sava 第二步：在main.js中引入axios import axios from “axios”; 第三步:吧useEslint改成false ...
Vue项目创建
tongle_deng的专栏
05-31 288
1、 下载安装 vue脚手架 npm install element-plus --save
Vue项目的创建
m0_70807708的博客
04-22 332
vue创建以及运行项目
创建vue项目
滕益宏的博客
06-06 210
vue创建项目
使用VSCode创建基础Vue项目教程
通过上述步骤和知识点的介绍，您将能够在VSCode中创建一个最简单的Vue项目，并对项目的开发、构建和优化有一个全面的认识。随着对Vue.js的深入学习和实践，您将能够构建更加复杂和功能丰富的前端应用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值