vue.js创建项目

最新推荐文章于 2023-11-01 10:41:59 发布
最新推荐文章于 2023-11-01 10:41:59 发布
阅读量1.1k 收藏 1
点赞数
分类专栏： vue 文章标签： node.js vue vue-cli webpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yidboy/article/details/55509731
版权

使用vue-cli搭建项目

前期准备

1.要求已安装Node.js (>=4.x, 6.x preferred) and Git
2.webpack

一. 安装全局vue-cli
npm install vue-cli -g
二.创建项目

1.我在我的桌面创建一个文件夹myFirst，为了方便寻找，然后在该文件夹下

vue init webpack my-vue

这里写图片描述

2.到我们my-vue文件夹下，安装项目的依赖

npm install

3.接着继续安装webpack

npm install webpack --save-dev

4.最后运行项目

npm run dev

这里写图片描述

这里写图片描述

Dong.YI
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vuemusic:一个Vue.js创建的音乐项目
04-10
Vue-music Welcome to Vue-Music-Player:waving_hand: 项目相关技术栈：Vue.js + Vue Router + Vuex + axios + jsonp + better-scroll :rocket: 如何运行 # 克隆 git clone https://github.com/yxiuzhu/vuemusic # 打开项目目录 cd vuemusic # 安装依赖 npm install # 开启本地服务运行项目 npm run dev 项目演示 （请用chrome手机模式预览） 项目页面及功能 recommend推荐页面 singer歌手页面 singer-detail歌手详情页面 player音乐播放器组件 disc歌曲推荐歌单页面 rank排行榜及其详情页面 search搜索页面 playlist歌曲播放列表组件 usercenter用户中心页面 :thumbs_up:recommend
Vue.js最佳实践示例项目-使用Vue.js + Vue路由器+ Vuex + Vuelidate的最佳实践示例项目-Vue.js开发
05-27
Vue.js股票交易者游戏一个用于学习Vue.js生态系统的简单游戏。 该项目使用以下内容：模块：Vue.js-框架Vue Vue.js股票交易者游戏为学习Vue.js生态系统而创建的简单游戏。 该项目使用以下模块：模块：Vue.js-框架Vue路由器-路由Vuex-状态管理Vuelidate-表单验证功能Mixins过滤器自定义指令单个文件组件组件范围CSS输入/离开转换该项目是在尝试遵循以下内容时进行的：在网络上找到最佳做法。 尽管在此处创建了许多模式。 如何运行＃安装取决于
vuejs的使用和创建项目
09-30
特点：1.简单易用 VueJs简单的夺，只保留了最有用，最核心的功能 2.使用灵活 有丰富的生态圈 3.操作效率高 js每次dom
vuejs-examples：Vue.js示例项目合集
02-04
vuejs-示例 使用Vue 3创建的项目示例合集 待办事项 一个简单的，常规的入门示例：待办事项列表。使用了Vue 3的Composition API，为最初级的使用方式。
解决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 是否在保存的时候检查 lintOnSave: true, // use the full build with in-browser compiler? // https://vuejs.org/v2/guide/installation.html#Runtim
怎样创建一个VUE项目（超简单）
m0_70619994的博客
09-25 7万+
一、安装node.js 二、搭建vue环境 1、全局安装@vue/cli模块包 2、执行命令 3、检查是否安装成功 三、创建vue项目 1、创建项目 2、选择模板和包管理器，等待项目创建完毕 四、启动vue项目 1、执行命令 2、浏览项目页面 五、vue项目目录文件含义和作用 六、修改端口号 七、清理欢迎界面 补充：解决App.vue 代码是黑白色的方法
创建一个vue项目（详细步骤）
weixin_44271421的博客
06-16 581
一、环境准备 1、安装 node.js 下载地址：Node.js 2、检查是否安装成功：输出版本号说明安装成功 打开cmd（命令行）输入 node -v npm -v 二、搭建 vue 环境 1、全局安装脚手架 vue-cli 打开cmd（命令行）输入 ​ npm installvue-cli-g （vue-lcli2) npm install -g @vue/cli (vue-cli3） ​ 如果没有选择初始化项目，需要进入项目目录，输入 npm install
如何创建vue项目，创建的方式？
weixin_73184582的博客
04-19 4503
以上就是使用 Vite 工具创建 Vue 项目的方法，Vite 是一个基于 ES Module 的开发工具，可以帮助开发者快速搭建 Vue 项目，并提供了快速热重载、按需加载等功能，可以大大提升开发体验。以上就是使用 Webpack 创建 Vue 项目的方法，虽然需要手动配置比较复杂，但是可以根据需求进行高度的自定义和扩展，是比较灵活和强大的构建工具。首先需要安装 Node.js 和 npm 包管理器，Node.js 官网提供了对应的安装包和指南，可以根据自己的操作系统和版本选择下载和安装。
给初学者的Vue.js项目搭建教程
weixin_43263566的博客
05-23 1352
给初学者的Vue.js项目搭建教程
如何创建Vue项目
YMYYZ的博客
01-10 1万+
创建Vue项目
supermall:首次作者使用vue.js创建项目
03-06
该项目是基于Vue.js开发的仿蘑菇街电商项目实现了作为电商类app的基本功能，但又没有添加入用户登录功能，暂时只完成了用户界面的编写 首先需要在服务器文件夹下运行本地服务器（才可以使用用户登陆功能） 节点app....
Vue项目创建与启动（2023超详细的图文教程）
最新发布
Alphamilk的博客
11-01 8213
一、下载node.js ， 二、下载vue-cli与webpack插件 ， 三、项目初始化(项目配置详细信息) ，四、项目启动 ， 五、Vue项目工程结构（扩展知识）
超详细(包括nodejs)创建一个vue项目
qq_53165476的博客
04-07 2835
在安装过程中，自动配置了两个环境变量一个是环境变量---用户变量---Path里面的C:\Users\你的用户名\AppData\Roaming\npm另一个是环境变量---系统变量---Path里面的软件安装目录，我们需要增加和修改一下。其中-g是全局安装，指安装到global全局目录去，如果不加-g，模块就会安装到当前路径下的node_modules文件夹下，没有目录则自动创建。然后输入vue --version，能输出版本号就说明安装好了。1. 环境变量---用户变量---选中Path---点编辑。
Vue-7.命令创建Vue项目
yueerba126的博客
08-15 2084
创建一个简单的 Vue 项目需要使用 Vue CLI（命令行界面）。Vue CLI 是一个用于快速构建 Vue.js 项目的工具，它可以帮助你设置项目的基本结构、配置以及开发环境。
Vue-13.创建完整的Vue项目（vue+vue-cli+js）
yueerba126的博客
08-18 936
上章写了命令创建Vue项目，但是事实上我们可以直接用编译器直接创建项目，这里我使用webstorm。
如何搭建一个vue项目(完整步骤)
qq_39093474的博客
09-11 1万+
这里如果选择保存的话，就要输入名字，默认就是文件夹的名字，下次配置的时候就会显示这个文件配置的选项就像上面的一样，在配置的时候会多出来一个。）下载hbuildx安装文件（已提供，无需下载），下载后，直接解压就可以使用。代码检查，选标准的就行，方向键切换，空格键选择然后回车。按空格键选择要安装的配置资源，带 * 号说明被选上了。上下方向键选择版本，这里我们选择vue2，然后回车。代码检查时间，方向键切换，空格键选择然后回车。启动成功之后，打开路径看到如下界面说明成功。通过上下方向键选择对应配置，然后回车。
创建vue项目步骤
zzzz121380的博客
04-02 3574
前提：安装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项目（详细步骤）
热门推荐
Monsters___的博客
08-27 10万+
如何创建一个 vue 项目 详细步骤 (vue-cli2 / vue-cli3) (webpack / vite)
Vue创建项目的详细步骤
不是对你没感觉，是你没开保时捷
03-08 2万+
一、安装node.js 1、本例环境 node.js: v16.14.0 npm：8.3.1 vue：@vue/cli 5.0.1 2、node.js环境安装与测试 由于vue的安装与创建依赖node.js（JavaScript的运行环境）里的npm（包管理和分发工具），因此需要先确保安装node.js。 下载地址：Node.js (nodejs.org) 下载完成安装之后，检测一下，查看是否安装成功。 检测方式：打开cmd命令窗口（Window + R，输入cmd然后回车），输入n.
创建一个Vue.js项目
04-01
1. 安装Vue CLI 在命令行中输入以下命令进行安装： ``` npm install -g @vue/cli ``` 2. 创建项目 在命令行中进入要创建项目的目录，输入以下命令创建一个新项目： ``` vue create my-project ``` 其中，my-project为项目名称，可以根据自己的需要进行修改。 3. 运行项目 在命令行中进入项目目录，输入以下命令运行项目： ``` npm run serve ``` 4. 访问项目 在浏览器中输入以下地址访问项目： ``` http://localhost:8080/ ``` 5. 修改项目 可以在src目录下的App.vue文件中修改项目内容，保存后浏览器会自动刷新展示最新修改。 6. 打包项目 在命令行中输入以下命令进行项目打包： ``` npm run build ``` 打包完成后，项目文件会生成在dist目录中。 以上就是创建一个Vue.js项目的基本流程，可以根据自己的需要进行修改和扩展。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值