创建vue2项目

已于 2024-05-15 20:29:38 修改
阅读量149 收藏
点赞数
分类专栏： vue 文章标签： vue.js 前端 javascript
于 2023-03-23 22:16:03 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/long_yy_/article/details/129740573
版权
本文详细介绍了如何使用vue/cli创建Vue2项目，包括使用npm全局安装vue/cli，运行命令生成项目，启动服务，以及安装sass和node-sass依赖。同时，提到了手动配置项目时应注意的事项，如linter和formatter的设置，以及是否将配置保存为预设。
摘要由CSDN通过智能技术生成

创建vue2项目步骤

1.安装vue/cli 命令npm i -g @vue/cli
2. 创建项目 vue create item-name (itemName是项目项目名字,不能是大写)
3. npm run serve启动项目
4. 安装sass(搭配最新版本node,其他版本会报错): cnpm i sass-loader@10.2.1 --save-dev
5. 安装node-sass(搭配最新版本Node，其他版本会报错): cnmp i node-sass@7.0.1 --save-dev
手动创建项目：
创建项目2/3，或手动配置项目
在这里插入图片描述
手动配置项，linter/formatter为esline编码规则配置，建议不选择（后期编写项目时，会因为一些换行，未调用等提示报错，不厌其烦
在这里插入图片描述
是否将其保存为未来项目的预设？（是/否）
在这里插入图片描述

F2E_YoverL
关注
专栏目录
vue2如何创建一个项目?
5年编程经验的老猿。
04-28 1794
Vue CLI是一个官方的命令行工具，用于快速搭建vue项目。你可以通过npm来全局安装它： 以下是安装命令：
使用vue-cli脚手架创建vue2项目
qq_51284317的博客
07-06 1236
使用vue-cli脚手架创建vue2项目
Vue2+项目搭建
weixin_45257325的博客
01-29 280
此文章提供给想要使用vue2搭建项目的同学，详细的说明了搭建步骤以及配置含义
创建Vue2项目
wxh_huayu的博客
08-10 1126
创建vue2
【Vue2新项目创建及预选配置详解】在VScode中完成Vue新项目创建（超详细）的图文讲解哦~
最新发布
为梦而狂
09-20 2737
VScode终端创建Vue新项目的那些操作你都理解了吗？
vue入门级教程从零搭建一个vue项目
热门推荐
marendu的博客
05-24 2万+
一、安装node环境 1、下载地址为：https://nodejs.org/en/ 2、检查是否安装成功：如果输出版本号，说明我们安装node环境成功 3、为了提高我们的效率，可以使用淘宝的镜像：http://npm.taobao.org/ 输入：npm install -g cnpm –registry=https://registry.npm.taobao.org，即可安装npm镜像，以后再...
使用vue cli创建vue2项目
x65456的博客
04-08 1102
4这几个的意思是选择你需要的东西。Babel的意思把es6降级到浏览器能识别的语法。一般按下面的选就行。六：现在有两种方法创建vue2项目，一种是在cmd里，一种是在vscode或webstorm的集成终端里。4然后就跟cmd里一样输入输入vue create hello-world按回车。1.打开这个文件夹在地址里输入cmd按回车，然后就出来cmd界面。意思是手动选择特性，前几个选项的意思是默认的。2打开vscode，把它拖到左边，然后右击打开集成终端。9.选第一个，意思是代码规则，在保存的时候校验。
创建vue2项目 前端以及后端交互
04-20
创建vue2项目 前端以及后端交互
使用vscode创建Vue2项目的坑一些总结（创建项目，使用局部elementUI配置，sass的安装以及报错解决）
qq_51135343的博客
11-20 1411
Module not found: can’t resolve ‘sass-loader’ in ， vue项目搭建 ，vue踩坑, elementUI , sass, sass报错
创建Vue项目以及引入Iview的方法示例
01-19
创建Vue项目 以及引入Iview 官方文档 # 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 webpack 模板的新项目 $ vue init webpack my-project # 安装依赖，走你 $ cd my-project $ npm install...
创建一个vue2项目
2302_76878442的博客
02-29 652
当然，以上打开方式比较繁琐，你可以直接将文件夹拖入到你的编译器中，然后再在终端中npm run serve一下，按住Ctrl点击链接就运行了。第五步进入项目并运行，先在终端中输入cd myvue，然后再npm run serve，最后将链接复制到浏览器打开就好了。第三步命令行中输入vue create myvue，“myvue”就是你的项目名称。第二步打开你的项目文件夹输入cmd然后回车。出现这个页面你的vue2项目就创建完成了。第一步先进入官网下载一个node.js。
创建vue 2.0项目
山外小楼
08-14 633
第一步 下载node.js 网址  https://nodejs.org/en/，下载完成后默认安装即可。第二步 创建项目文件夹 ，在文件夹位置打开系统命令行   输入 vue init webpack (xxxx)可以自定义项目名称) 后续操作皆可回车；第三步   看见此界面后，按照操作步骤 cd elm （进入项目文件夹）,npm install(安装依赖),npm run dev(完成运行)...
【Vue2项目的创建】
m0_54838595的博客
09-19 433
创建Vue2项目
vue2创建项目
~
10-18 179
1.安装node（不需手动配置环境变量，会自动帮我们配置好） 检查是否安装成功：node -V ，npm -V 2.安装vue-cli （npm install -g vue-cli） 检查是否安装成功：vue-V 需要配置环境变量：在文件夹下全局搜索vue.cmd 将其所在的路径添加到环境变量的PATH中 我遇到的一个问题是：安装好了vue-cli，执行vue -V却报错 解决办法：全局搜索PowerShell，右键管理员打开 输入命令：set-ExecutionPol...
vue2项目建立
double_yellow的博客
03-15 466
这样npm install -g就会安装在D:\software\nvm\nodejs\node_global\node_modules中。npm install vue-cli -g和npm install -g @vue/cli-init有什么区别。下载的东西都在D:\software\nvm\nodejs\node_global\node_modules中。D:\software\nvm\nodejs\node_modules\vue-cli路径中。3-1.全局安装脚手架vue-cli。
创建一个完整的vue2项目（全网最详细【导入框架，新建页面】）
qq_22841387的博客
04-26 4852
创建一个完整的vue2 1.安装npm 官方安装地址 然后一直无脑next即可，如需要可以选择安装路径 安装之后检查一下 win+R快捷键打开运行窗口—输入cmd 查看版本号 命令： node -v npm -v 一般情况下node自带npm，但可能不是最新版本的npm 2.使用淘宝NPM镜像 命令： npm install -g cnpm --registry=https://registry.npm.taobao.org 这样我们就可以直接用cnpm来安装模块了 3.项目初始化 ①安装
vue cli 创建vue2项目
09-02
要使用Vue CLI创建Vue2项目，你需要先全局安装一个桥接工具，并按照以下步骤进行操作： 1. 第一步：搭建Node.js运行环境。根据你的操作系统选择合适的安装包，可以在官网https://nodejs.org/en/download/下载安装。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

F2E_YoverL

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值