vue-cli2 创建项目

最新推荐文章于 2024-02-17 13:03:14 发布
最新推荐文章于 2024-02-17 13:03:14 发布
阅读量142 收藏
点赞数
分类专栏： Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011067832/article/details/108534540
版权

安装node（可选用node 10版本，兼容vue-cli2，vue-cli3）
node -v :查看node版本 （node10.22.1）
npm -v :查看npm版本 （npm 6.14.6）

vue-cli2文档

cnpm install -g vue-cli
vue init webpack 文件夹名 （webpack,webpack-simple）
cd 文件夹名
cnpm install
cnpm run dev
cnpm run build

可在package.json
scripts里的dev的最后加上–host 本机ip --port 端口号

control+C 关闭项目运行（mac：不是cmd！是control！）

若端口产生递增问题，则是设置的端口被占用
Mac关闭占用端口
终端输入：
sudo lsof -i:port (你设置的端口) //查找是否占用
sudo kill pid（查找出的条目的pid）//杀掉

Dan11s
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue2如何创建一个项目?
5年编程经验的老猿。
04-28 1080
Vue CLI是一个官方的命令行工具，用于快速搭建vue项目。你可以通过npm来全局安装它： 以下是安装命令：
如何新建一个vue2项目（超详细哦）
热门推荐
不甜呐的博客
11-05 10万+
如何新建一个vue2项目（超详细哦）
创建vue-cli2项目详解
m0_52673390的博客
02-08 1365
文章目录一、创建vue-cli2项目的语法二、创建cli过程中的配置内容三、创建和启动vue-cli2项目总结 一、创建vue-cli2项目的语法 vue init webpack projectName 创建的就是子文件夹（webpack代表的是模板，也是最常用的模板）（projectName是项目的名称，注意：不能使用大写字母。）如果创建失败了或者异常了，这就说明 当前的vue-cli2没有安装完成，就在当前安装vue-cli2即可。 不知道如何安装vue-cli2？点击进入我的另一篇博客：vue-
搭建一个vue2项目
SSophia的博客
03-24 6831
搭建vue2项目
vue-cli2.0脚手架搭建项目流程
Misnice的博客
09-28 879
1.打开命令行工具（win+r，然后输入cmd）,进入输入命令窗口 2.输入node -v ,如果出现相应的版本号说明已经安装成功,如果没有则安装node.js,从官网下载并安装,安装时一定不要改默认安装路径,不然需要配置环境变量,很麻烦，只要一直“下一步”就可以。 注意：在官网下载安装node.js后，就已经自带npm （包管理工具）了，另需注意的是npm的版本最好是3.0以上，以免对后续产生影...
新建一个vue2项目
m0_55333789的博客
06-19 1864
６.这个选择的意思是要不要使用babel工具自动转换为ts代码注入polyiss（推荐： y）1.在你要创建项目的目录下打开终端输入vue create 【你的项目名称】8.选择预处理器（如： less,sass,stylus）12.可以将当前创建项目配置作为一个模板方便下次直接使用。5.是否使用calss风格的组件语法： (推荐：ｙ)13.至此，一个vue项目就创建完成了。在 vue.config.js 文件下配置。9.选择代码检测时的工具。3.根据自己的需求选择。
Vue使用vue-cli创建项目
01-19
本文介绍了Vue使用vue-cli创建项目，分享给大家，具体如下： vue-cli 是一个官方发布vueJS项目脚手架：https://github.com/vuejs/vue-cli 我创建的模板项目：...
vue使用vue-cli快速创建工程
01-19
vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目。 -g代表全局安装。 i就是install的缩写。 其中webpack-simple代表模板的名称。vue-todos是你给自己的项目起的名称，这个随便起...
基于Vue-cli快速搭建项目的完整步骤
12-09
vue-cli 是一个官方发布 vue.js 项目脚手架，Vue-cli可以快速帮助我们创建一个项目，这是官方给我们提供的脚手架。下面我说一下vue-cli的使用方法。 下面话不多说了，来一起看看详细的介绍吧 一、准备工作 在使用...
vue-cli-plugin-multiple-page:基于vue-cli https的buildwatch多页面条目插件
05-30
在你的 vue-cli 创建的项目中安装插件，如果没有请参考 vue add multiple-page 命令 以下是此插件的 3 个命令： init-config : 初始化vue.config.js & Views.json两个文件到你的项目 build-multi : 并行构建多个...
vue-cli-plugin-tailwind:Tailwind CSS的vue-cli插件
05-10
入门在您的vue-cli项目文件夹中，通过以下方式添加插件： vue add tailwind选择要生成的Tailwind配置： 无-不会创建一个配置文件。 如果已经有了配置（确保配置PurgeCSS），则很有用。 最小（默认） -将创建一个最小...
VUE2项目的搭建
最新发布
weixin_42017221的博客
02-17 1812
搭建项目时，需要确认电脑上是否有与如何确认电脑上是否存在npm与node呢？按住win+r输入cmd打开命令提示符输入node -v 与-v来确认是否有安装。
安装vue-cli2和3以及创建vue2和vue3项目的步骤及区别
Baby_加油_的博客
01-30 3768
安装vue-cli2和3以及创建vue2和vue3项目的步骤及区别，干货！！！
vue-cli 创建 vue 2.X 项目
悟世君子的博客
06-17 7206
1、全局安装 vue-cli npm install -g vue-cli 2、创建存放项目的工作区文件夹 project 3、在 project 文件夹打开 cmd 窗口 执行如下命令，创建名为 finance 的项目 vue init webpack finance vue-cli 会以交互的方式问你是否需要安装相关插件，如 vue-router，ESLint 等，这里可根...
vue-cli创建项目
tom的博客
03-14 238
一.vue-cli创建模板项目 什么是vue-cli 是vue官方提供的脚手架工具。脚手架工具简单讲就是自动将项目需要的环境、依赖等信息都配置好。 全局安装vue-cli 先安装node 这里就不进行安装了 安装完之后查看命令 【全局安装 webpack】 npm install webpack -g 【webpack 4.X 开始，需要安装 webpack-cli 依赖】 npm install webpack webpack-cli -g 【查看版本号】 webpack -v
使用vue-cli创建vue2项目（详解）
逆水行舟 不进则退
04-02 9777
使用vue-cli创建vue2项目（详解） 说明！！！：Vue CLI >= 3 和旧版使用了相同的 vue 命令，所以 Vue CLI 2 (vue-cli) 被覆盖了。所以使用脚手架创建vue2的项目，需要先全局安装一个桥接工具，然后创建一个vue2的项目： 第一步：搭建node运行环境，根据操作系统选择相应安装包 下载地址：https://nodejs.org/en/download/ 检验是否安装成功，命令行中直接输入node -v，返回版本号即可。 第二步：安装webpack npm i
Vue如何创建一个新的项目（Vue-cli2.x脚手架使用教程）
IT程序猿
08-10 1310
一、为确保项目能正常搭建请先去node.js官网下载node进行安装 1、安装步骤 打开https://nodejs.org/zh-cn/点击下载 下载完成后打开所在目录 点击安装 直至Finish完成后，打开cmd命令行窗口检查是否安装成功，如果node、npm都有版本号说明安装成功 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-BPygyBIE-1597025114184)(https://upload-images.jianshu.io/upload_imag
vue cli2脚手架创建项目
norang的博客
11-14 317
先来 看看 你有没有 装 vue脚手架 win+R 输入“cmd” 输入“npm config ls” 在prefix的路径中 存放着 npm全局安装的一些东西 安装过程可能会遇到 系统禁止运行脚本的报错 set-ExecutionPolicy RemoteSigned vue init webpack “自己的项目名称” 配合vue的笔记 ...
VUE CLI2创建项目
elite_zhou的博客
01-13 258
VUE CLI2创建项目 写在前面：vue cli3创建项目请参考另一篇文章：vuecli3创建项目 前提： 必须先安装node和npm node通过官网下载安装，这里就不赘述了，安装node会自动安装npm 可在命令指示框中通过指令查看是否安装成功 出现版本号代表安装成功 安装 安装vue cli2 有两种方法： 安装vue cli3脚手架然后适配2 直接安装vue cli2脚手架 安装vue cli3： npm install -g @vue/cli 这个命令安装的是脚手架3，如果要用2需
vue-cli5.08创建项目
09-14
要使用vue-cli创建一个项目，需要先安装vue-cli工具。你可以通过以下步骤来创建一个vue-cli5.08项目： 1. 首先，确保你已经安装了Node.js和npm。这两个工具是vue-cli的依赖项。 2. 打开终端或命令提示符，并运行...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值