vue - 使用cli创建项目并运行

最新推荐文章于 2024-04-19 17:49:16 发布
最新推荐文章于 2024-04-19 17:49:16 发布
阅读量155 收藏
点赞数
分类专栏： 前端-vue 文章标签： 前端-vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hao007cn123/article/details/108773342
版权

参照： 正确姿势使用vue cli3创建项目

https://juejin.im/post/6844903928753209358

 

重点命令：

1、卸载 npm uninstall -g vue-cli 如果之前有安装

2、安装 npm install -g @vue/cli // 安装cli3.x vue --version 或者 vue -V //查看版本是否为3.x

3、创建项目

vue create my-project // 其中my-project为项目目录名称

hao007cn
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue-cli搭建项目
weixin_30815427的博客
08-20 1193
一、全局化安装cnpm 其实对于安装vue-cli，使用npm命令和cnpm命令都是可以的，个人觉得使用npm安装的比较慢，而且很可能会因为网络问题而出错，所以还是觉得使用cnpm稳一点。 npm install cnpm -g --registry=https://registry.npm.taobao.org （1）全局安装 vue-cli ，在命令提示窗口执行： cnpm in...
如何使用vue-cli来搭建vue项目？详细步骤跟着我来吧！
m0_67094505的博客
09-11 8758
注意：1.Project name：项目名，默认是输入时的那个名称spa1，直接回车2.Project description：项目描述，直接回车3.Author：作者，随便填或直接回车4.Vue build：选择题，一般选第一个4.1Runtime + Compiler: recommended for most users//运行加编译，官方推荐，就选它了- render functions are required elsewhere//仅运行时，已经有推荐了就选择第一个了。
使用 Vue CLI 创建项目
qq994849611的博客
03-07 343
npm install --global @vue/cli // 全局安装脚手架 vue create toutiao-m // 创建项目 选择manually：自定义勾选特性配置，选择完毕之后，才会进入装包 等待安装完成 2、加入 Git 版本管理（省略） 3、调整初始目录结构 默认生成的目录结构不满足我们的开发需求，所以这里需要做一些自定义改动。 这里主要就是下面的两个工作： 删除初始化的默认文件 新增调整我们需要的目录结构 ...
vue系列——vue-cli使用说明
最新发布
JasonYang25的博客
04-19 617
vue-cli的使用，快速搭建快速启动项目
vue-cli 运行已存在的项目指令
weixin_34342905的博客
07-09 299
安装指令 ： npm install -g vue-cli(全局安装) 用webpack创建项目指令 ：vue init webpack (myproject) 运行已存在项目：到其项目目录下输入指令：npm run dev 转载于:https://www.cnblogs.com/liuliang389897172/p/9283299.html...
Vue实战：使用CLI构建Vue项目
howard2005的专栏
11-08 2395
本教程手把手演示了通过Vue CLI创建Vue项目，涵盖环境配置、命令行与IDEA工具构建项目、组件添加及路由配置。展示了从初始化到新增页面的完整流程，体现了Vue CLI在简化前端开发工作流上的高效性。
在vue-cli创建的项目中使用sass操作
10-14
本文将详细介绍如何在Vue CLI创建的项目中设置和使用Sass。 首先，为了在Vue CLI项目中使用Sass，我们需要安装两个关键的依赖包：`sass-loader` 和 `node-sass`。`sass-loader` 是一个Webpack加载器，用于将Sass源...
vue-cli-plugin-component-创建组件的Vue CLI 3插件-Vue.js开发
05-27
vue-cli项目的vue-cli-plugin-component组件插件│README.md│LICENSE（可选）└─...在发布带有组件信息的组件Update README.md之前，创建一个prepublishOnly脚本来运行构建（可选），并使用ComponentFixture开发组件
使用vue-cli创建项目的图文教程(新手入门篇)
01-21
使用npm 与vue-cli 构建vue 项目 第一步：安装运行环境（node与npm） nodeJ官网：http://nodejs.cn/下载安装包( 安装) 安装完成后，需要检测是否安装成功 使用命令行cmd 打开dos 黑窗口，运行 node -v 和 npm –v，...
详解项目升级到vue-cli3的正确姿势
12-02
- 首先，创建一个新的 Vue CLI 3 项目，并根据原有项目的配置进行选择。 - 迁移源代码：将 `src` 目录下的内容移动到新项目的 `src` 目录，将静态资源（如图片、字体等）移到 `public` 目录。 - 对比 `package....
创建vue-cli项目并且运行
yuru974882032的博客
02-16 142
1、vue-cli 全局安装 npm install -g vue-cli 在cmd中输入vue -V可以打印出版本号代表安装成功 2、创建vue-cli项目 cd到指定目录下执行命令 vue create vue-demo 弹出窗口，前面两个选项为默认配置只是vue版本不同，如需要自定义配置则选择第三个 创建完成后会在文件夹中生成目录 3、运行项目 3.1 cmd窗口cd到项目文件夹 3.2 执行命令 npm run serve 运行成功后会打开窗口如下 3.3 在浏览器中访问路径http
如何使用Vue-cli搭建和运行vue项目
weixin_30824479的博客
10-05 293
此文章 主要参考：https://jingyan.baidu.com/article/5225f26bbb430fe6fa0908ce.html 在vue init webpack my-project卡住的问题：在vue init webpack my-project卡住的问题 手把手教你用vue-cli搭建vue项目：https://www.cnblogs.com/liaoanran/p...
vue 用 @vue/cli 新建并运行一个 vue 项目
青蛙king的博客
10-14 174
一、创建一个vue项目 运行以下命令来创建一个新项目： vue create hello-world 你会被提示选取一个 preset。你可以选默认的包含了基本的 Babel + ESLint 设置的 preset，也可以选“手动选择特性”来选取需要的特性。 （我选的默认） cd进入创建的项目 cd hello-world 二、运行该项目 运行以下命令来运行该项目 ...
Vue-cli搭建的项目的运行流程
Tommy5553的博客
09-30 273
Vue简介 响应式系统 MVVN的实现者：Model、 View 、ViewModel，ViewModel作为观察者，控制View和Model进行交互 页面上的每一个可操作区域都是一个组件 SOC：关注度分离原则 两大核心：数据驱动、组件化 Vue是纯粹的视图层框架，需要借助别的框架实现通信（Axios）和路由（Vue-router）功能，使用Vuex实现状态管理 Vue-cli脚手...
创建一个vue-cli项目到运行的完整流程
国企程序媛 record 前端技术 & review code。。。
02-15 364
创建一个新的vue项目进行开发的完整流程安装vue安装vue-cli创建一个项目修改babel.config.js安装 Sass安装Less安装stylus在项目中.vue文件中使用合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 安装vue
使用vue-cli脚手架在vs code 建立vue项目
m0_37724356的博客
03-08 1557
一、安装vue-cli1、安装vue-cli的前提是你已经安装了npm，安装npm你可以直接下载node的安装包进行安装。你可以在命令行工具里输入npm -v  检测你是否安装了npm和版本情况。(node的下载地址：http://nodejs.cn/download/)2、达到以上条件后就可以通过一下命令安装vue-clinpm install vue-cli -g-g表示全局安装。安装完成可以...
使用Vue Cli 创建并运行Vue项目
m0_55922467的博客
08-30 2073
使用vue-cli 创建并运行vue项目的过程
创建并运行vue项目
月照平沙的博客
08-10 197
1.安装环境 node( 自带npm), 速度较慢可安装替代的cnpm 2.安装vue-cli脚手架 cnpm install -g vue-cli  3.构建vue项目 cd 到目标目录  vue init webpack 项目名称 （初始化一个项目，其中webpack是构建工具，也就是整个项目是基于webpack的。项目文件夹会自动生成在你指定的目录中） 4.安装依赖 npm ...
使用Vue CLI安装和运行Vue3项目 [2022]
Meta.Qing的博客
08-27 4682
在本教程中，您将通过分步说明学习如何从头开始启动和运行 Vue 3 项目。
vue-cli5.08创建项目
09-14
要使用vue-cli创建一个项目，需要先安装vue-cli工具。你可以通过以下步骤来创建一个vue-cli5.08项目： 1. 首先，确保你已经安装了Node.js和npm。这两个工具是vue-cli的依赖项。 2. 打开终端或命令提示符，并运行以下命令来安装vue-cli： ``` npm install -g @vue/cli@5.0.8 ``` 这将全局安装vue-cli工具。 3. 安装完成后，你可以通过运行以下命令来创建一个新的vue-cli项目： ``` vue create my-project-name ``` 将"my-project-name"替换为你想要给项目起的名字。 4. 在创建项目的过程中，你可以选择手动配置或使用预设配置。如果你想使用预设配置，可以输入数字选择一个预设配置。如果你想手动配置，可以按回车键跳过选择。 5. 创建完成后，进入到项目目录： ``` cd my-project-name ``` 6. 最后，你可以运行以下命令启动项目： ``` npm run serve ``` 这将启动一个本地开发服务器，并在浏览器中打开你的项目。 这就是使用vue-cli5.08创建项目的步骤。希望对你有帮助！

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值