vue创建项目（自用）

最新推荐文章于 2024-04-23 23:51:09 发布
最新推荐文章于 2024-04-23 23:51:09 发布
阅读量252 收藏
点赞数
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45751615/article/details/128496758
版权
这篇博客详细介绍了如何在计算机上确保安装了Node.js，并通过npm全局安装Vue和Vue CLI。接着，它演示了如何在指定目录下创建新的Vue项目，选择了手动配置选项，包括PWA、路由、Vuex和CSS预处理器等特性。最后，博主提供了启动项目并在浏览器中查看结果的步骤，帮助初学者理解Vue项目的创建流程。
摘要由CSDN通过智能技术生成

确保已安装上node.js

下载vue和vue-cli脚手架

//下载vue
npm i -g vue
//下载vue-cli脚手架
npm i -g @vue/cli

创建项目

 1. 首先在想要创建项目的位置路径下打开cmd（点击路径输入cmd即可）

2. 输入vue create 项目名

G:\test\vue>vue create xxx1

3. 弹出如下选择界面，本次选择Manually select features

4. 回车下一步，空格选择Progressive Web App(PWA) Support ，Router，Vuex，CSS Pre-processors，点击回车

 5. 选择如下指令

 6. 回车，出现如下界面

 7.  根据提示依次输入“cd 项目名”和“npm run serve”

 8. 在浏览器中输入Network后面的地址，显示如下即为创建成功

 

嗯？又来查啦
关注
Springboot+vue项目的搭建，自用
weixin_45208256的博客
05-24 2587
Springboot+vue整合 先安装Node.js 使用npm安装node.js 在cmd中输入 $ npm install vue 对vue.js进行安装 之后用vue create Gaokao-demo创建vue项目 之后再文件夹下用npm run serve 对vue项目进行启动 访问localhost:8080访问到vue界面 再直接将项目拖动到IDEA上进行打开 之后再进行配置 核心是src文件夹下内容，assets是静态资源、components是组件，router中的index.j
vue2生命周期函数（笔记/自用）
博客标题不能为空
09-22 1243
vue2生命周期函数（笔记/自用）
vue 创建新项目
热门推荐
weixin_44161385的博客
02-11 3万+
vue创建新项目的几种方式
Vue-7.命令创建Vue项目
yueerba126的博客
08-15 3907
创建一个简单的 Vue 项目需要使用 Vue CLI（命令行界面）。Vue CLI 是一个用于快速构建 Vue.js 项目的工具，它可以帮助你设置项目的基本结构、配置以及开发环境。
创建vue项目步骤
zzzz121380的博客
04-02 3796
前提：安装node环境 一、搭建vue项目 1.全局安装vue-cli npm install --global vue-cli 2.进入你的项目目录，创建一个基于 webpack 模板的新项目 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-EuyCL3cl-1617344228865)(C:\Users\xuzhenzhen\AppData\Roaming\Typora\typora-user-images\image-20210402134726139.png)] 说明
如何创建一个vue项目（详细步骤）
weixin_53952234的博客
04-25 4853
选择你想要安装的版本 第一个是 vue3 第二个是vue2 第三个自己想要的配置 通过键盘下键选择。提供一个插件化的javascript代码检测工具，ESLint + Prettier //使用较多。是否保存本次配置（y:记录本次配置，然后需要你起个名;Linter / Formatter 支持代码风格检查和格式化。CSS Pre-processors 支持 CSS 预处理器。Router 支持 vue-router。E2E Testing 支持 E2E 测试。Vuex 支持 vuex。
vue新建项目的一些常见命令
hd_hckt的博客
11-10 846
vue新建项目的一些常见命令
Vue项目自用脚手架
08-12
总之，Vue项目自用脚手架是开发者提升效率的重要工具，它简化了项目初始化过程，让开发者能够更快地投入到实际的业务开发中，同时也遵循了Vue的最佳实践，有助于创建出结构良好、易于维护的前端应用。
vue flow source 自用
03-09
Vue Flow Source 自用项目主要基于 Vue.js 框架，结合 JavaScript 和 ECMAScript 的特性，构建了一款前端可视化流程图组件。Vue.js 是一款轻量级、高性能的前端框架，以其易用性和可扩展性受到开发者广泛青睐。在本...
uniapp-cli:自用uniapp模板，vue-cli创建版本
04-09
通过uniapp-cli，开发者可以利用vue-cli来创建uni-app项目，从而简化项目的初始化过程，提高开发效率。 在项目设置方面，首先需要进行的是安装依赖。通过在项目目录中运行`npm install`，可以安装uniapp-cli以及其...
vue项目的创建方式
Test20201990的博客
12-07 609
4、项目配置：选择默认的vue2，vue3（按项目需求选择），当然也可以手动一项项调整（Manually select features）进入任务，点击serve-运行，编译打包完成后，再启动app，就直接跳转到前端页面了。2、在空文件件处打开终端命令提示窗口（或者cd，切到该目录）2、在空文件件处打开终端命令提示窗口（或者cd，切到该目录）2、在空文件件处打开终端命令提示窗口（或者cd，切到该目录）6、完成后会提示2个命令，键入这两个命令后就可以启动项目了。6、执行提示命令后，成功启动项目。
创建vue项目命令
weixin_58293163的博客
07-12 3020
node之后搭建环境 npm install --global vue-cli创建项目 vue create demo 版本过低 cmd出现两行命令 删除 重新下载 执行成功后创建项目 vue create demo 出现 选择vue3 vue2cd demo切换运行npm run serve
vue教程
m0_72544435的博客
03-05 1155
在大型项目中，我们可能会许多的组件，如果是正常的执行，我们需要等待所有组件执行完毕，但是异步执行是。如果有一个多层级嵌套的组件，形成了一颗巨大的组件树，而某个深层的组件需要较远组件中的部分数据，这种情况下如果使用。插槽一般只能从父组件中传递，但是如果同时想要子组件的数据，就需要先把数据传给父元素，父元素再把值传到对象中。在使用事件的时候，会有很多事件我们时常调用，因此，可以使用简化的事件修饰符。需要注意的是，这里的赋值需要以。指令渲染的时，如果用户触发了某种条件，需要使用DOM更改元素的顺序，这时，
vue2和vue3创建项目
最新发布
zero_80的博客
04-23 696
cli文档 https://cli.vuejs.org/zh/
Vue使用命令创建项目
12november的博客
05-19 5185
vue demo
vue创建项目的命令
零度愿望的博客
08-02 2333
python: pycharm 前端: hbuilder   vue的入门(vue 创建项目的命令)      (-g 全局)      npm install  -g vue-cli      vue  list      cd Desktop      vue init webpack vue-music        cd vue-music      npm run ...
创建vue项目
我管它叫“知勤者笔记”，主要用来记录和分享我的日常生活与学习经历
01-10 1326
/ JavaScript的超集，包含并扩展了 JavaScript 的语法，需要被编译输出为 JavaScript在浏览器运行。与TypeScript一起使用Babel（现代模式、自动检测的polyfills、传输JSX所需）？（需要为生产中的索引回退进行正确的服务器设置）（是/否）// CSS 预处理器（如：less、sass）// 代码风格检查和格式化（如：ESlint）// vue-router（vue路由）// vuex（vue的状态管理模式）// 单元测试（unit tests）
vue入门（一）搭建vue项目，基础显示，指令
weixin_37778355的博客
12-28 3610
vue入门基础第一篇，搭建vue项目及最基础用法
Vue项目实战指南：从创建到组件与路由
2. 使用Vue CLI创建新项目，输入命令`vue create my-vue-project`，这将自动生成一个基础的项目结构。 3. 进入新创建的项目目录：`cd my-vue-project`。 **二、组件开发** 1. 在`src`文件夹中创建一个名为`Hello...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值