vue 项目初始化

最新推荐文章于 2024-04-19 15:35:50 发布
最新推荐文章于 2024-04-19 15:35:50 发布
阅读量1.7k 收藏 3
点赞数
文章标签： vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/baga______/article/details/123339279
版权

一、脚手架创建项目

1、vue create 项目名

2、Manually select features ：手动选择功能

3、

 (*) Babel
 ( ) TypeScript
 ( ) Progressive Web App (PWA) Support
 (*) Router
 (*) Vuex
 (*) CSS Pre-processors
 (*) Linter / Formatter
 ( ) Unit Testing
 ( ) E2E Testing
4、 （使用vue2）

   3.x
> 2.x
5、 Use history mode for router? (Requires proper server setup for index fallback in production) (Y/n) n

6、 （使用less）

   Sass/SCSS (with dart-sass)
> Less
   Stylus

7、（选择ESLint + Standard config）

   ESLint with error prevention only
   ESLint + Airbnb config
> ESLint + Standard config
   ESLint + Prettier
8、

  (*) Lint on save
>(*) Lint and fix on commit

9、（选择  In dedicated config files 保存单独的配置文件）

  In dedicated config files
  In pac

最低0.47元/天 解锁文章
baga______
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue初始化项目.txt
08-04
vue新项目准备： 1、安装nodejs，官网下载傻瓜安装 node -v 验证 2、npm包管理器，是集成在node中的，所以安装了node也就有了npm npm -v 验证 3、安装cnpm npm install -g cnpm --registry=http://registry.npm.taobao.org （完成之后，我们就可以用cnpm代替npm来安装依赖包了。如果想进一步了解cnpm的，查看淘宝npm镜像官网。） 4、安装vue-cli脚手架构建工具 npm install -g vue-cli vue新项目构建： 1、初始化项目模板： vue init webpack-simple yunshi-approve 或者 vue init webpack yunshi-approve 2、安装npm cd yunshi-approve 3、安装项目所需要的依赖： npm install 或 cnpm install 4、运行看效果： npm run dev 介绍一下目录及其作用： build：最终发布的代码的存放位置。 config：配置路径、端口号等一些信息，我们刚开始学习的时候选择默认配置。 node_modules：npm 加载的项目依赖模块。 src：这里是我们开发的主要目录，基本上要做的事情都在这个目录里面，里面包含了几个目录及文件： assets：放置一些图片，如logo等 components：目录里放的是一个组件文件，可以不用。 App.vue：项目入口文件，我们也可以将组件写这里，而不使用components目录。 main.js ：项目的核心文件 static：静态资源目录，如图片、字体等。 test：初始测试目录，可删除 .XXXX文件：配置文件。 index.html：首页入口文件，可以添加一些meta信息或者同统计代码啥的。 package.json：项目配置文件。 README.md：项目的说明文件。
vue项目初始化到登录login页面的示例
10-16
今天小编就为大家分享一篇vue项目初始化到登录login页面的示例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
创建Vue项目
我选择轴心，而不漠视旋转
07-20 146
创建 Vue 项目 通过 Vue 官网提供的 Vue CLI 的工具来创建 Vue 项目。 全局安装 Vue CLI 通过以下命令查看电脑中安装的 Vue CLI 的版本，如果 Vue CLI 工具是 2.x 版本，需要先卸载再下载新版本： vue -V vue --version 如果电脑中没有安装过 Vue CLI，在终端中执行以下命令： npm install -g @vue/cli 创建项目 在终端中定位到需要创建项目的路径，然后执行以下命令创建 Vue 项目： vue
vue-cli2 与vue-cli3，vue2与vue3 初始化项目，本地vue项目，详细解析区别（2024-04-19）
最新发布
hap1994的博客
04-19 965
其实是通过 "@vue/cli-service": "^4.0.0",去管理我们的依赖的，在 “node_modules” => “@vue” => cli-service => package.json，这里面就是隐藏的依赖。很显然是放在package.json文件下的，方便我们去管理自己的依赖。那默认的那些依赖存在哪里呢？vue-cli2与vue-cli3的区别 (vue3,vue2的区别）因为vue-cli3把配置文件都给隐藏了，隐藏到哪里了?在隐藏的文件夹直接修改。
详解如何搭建vue3+TypeScript+配置项目统一规范
W_Zhulin的博客
05-02 2470
1.首先创建项目，创建命令： vue create 项目名 2、接下来选择手动配置项目特性 3、选择项目中的一些配置：这里可根据自己的项目按需选择，以下是我的项目配置 (*) Choose Vue version 选择对应的vue版本，下一步中会进行选择 (*) Babel 是否需要Babel,勾选上 (*) TypeScript 是否配置TypeScript () Progressive Web App (PWA) Support (*) Router 配置vue路由 (...
vue项目初始化
HiYulinlin的博客
03-07 1187
vue项目初始化
Vue项目初始化
qq_45228330的博客
11-26 2959
Vue项目初始化 一、安装Vue脚手架 二、通过Vue脚手架创建项目 1.ctrl+r打开cmd,输入vue ui，回车，浏览器会弹出UI的视图界面，借助视图界面创建Vue项目 2.点击创建按钮进入创建页面 3.选择好你的项目路径，然后点击 在此创建新项目 4.填入项目名称，打开git初始化按钮，填入init project(不知道啥子意思，回头查查能不能改别的），然后点击下一步 5.前两个是自己建的预设，第三个是默认预设，这里选择第五个，手动配置项目，然后点击下一步 6.选择你需要的插件，点开
vue初始化项目
zoxm
07-13 260
# 速查 vue -v npm -v sudo npm install --global @vue/cli sudo npm install -g @vue/cli-init #　进入包下 vue init webpack home 检查node和npm版本： node -v v14.3.0 npm -v 6.14.5 安装vue-cli,注意新版都是用@vue/cli,旧版用vue-cli sudo npm install --global @vue/cli 进入到项目目录，项目初始化
Vue初始化项目
qq_29744347的博客
05-03 415
文章目录前言安装vue/cli创建vue项目项目初启动使用ui界面管理 前言 使用vue3 安装vue/cli 看看有没有cnpm 没有的话先安装cnpm（npm install cnpm） # -g 全局安装 # 我在mac下 用sudo怕它创建目录无权限 sudo cnpm install -g @vue/cli # 查看vue/cli 版本 vue --version # 查看vue/cli 安装位置 which -a vue 创建vue项目 通过vue命令创建项目 vue creat
初始化vue项目实例（vue-cli）
mandy的博客
04-08 252
准备工作 vs code编辑器、chrome浏览器、node安装 步骤 全局安装vue-cli npm install vue-cli -g 初始化一个项目 vue init <template-name> <projectName> 第一个是模板名称，第二个是项目名称，模板有webpack，webpack-sim...
使用 @vue/cli 初始化一个Vue项目
edison lee的博客
02-25 137
现在一起来学习如何初始化一个Vue项目 1.现在一般都会同步到github。所以首先在github新建一个仓库 2.然后将线上的仓库clone至本地。最好选择ssh 3.进给希望保存代码的路径，然后git bash here。 4.执行命令： git clone "复制的ssh地址" 5.安装脚手架工具 npm install -g cnpm --registry=https:/...
NodeJs安装及配置 Vue项目初始化
08-26
NodeJs安装及配置 Vue项目初始化
vue项目的初始化过程中出现错误
01-08
1.项目运行 cd projectname npm run dev 报错：‘webpack-dev-server’ 不是内部或外部命令，也不是可运行的程序 或批处理文件。 解决：重新npm install  报错1：npm ERR! code Z_BUF_ERROR  解决1：npm cache ...
浅谈Vue 初始化性能优化
12-10
在最近开发的一个Hybrid APP里，Android Webview初始化一个较重的vue页面竟然用了1200ms ~ 1400ms，这让我开始重视vue的初始化性能，并最终优化到200 ~ 300ms，这篇文章分享我的优化思路。 性能瓶颈在哪里？ 先看...
如何用Vue+TypeScript项目配置实战？本文教你
QQ2352108083的博客
06-12 632
❝ 最近想学习一下TypeScript语法，但是只是看官方文档又有些乏味，还是通过项目在实践中学习比较有趣，所以在这里记录一下我的学习历程，与Vue项目结合开发。（官方文档 请戳>>） ❞ 项目搭建 通过脚手架搭建 1. 通过Vue CLI 3 创建vue项目 vue create vue-typescript // 在此选择typescript支持 ? Check the features needed for your project: () Babel () Ty...
vue 3.0 + Typescript + Element 搭建项目
weixin_44872023的博客
11-23 2811
vue 3.0 创建项目 创建项目 选择自行配置 配置 Babel：使用babel，便于将我们源代码进行转码（把es6=>es5） TypeScript：使用TypeScript进行源码编写，使用ts可以编写强类型js，对我们的开发有很大的好处 Progressive Web App(PWA)：使用渐进式网页应用（PWA） Router：使用vue-router Vuex：使用vuex状态管理器 CSS Pre-processors：使用CSS预处理器，比如：less，sass等 Li
Vue入门初始化项目
wangjuan_01的专栏
04-27 5052
最近，vue.js越来越火。在这样的大浪潮下，我也开始进入vue的学习行列中，在网上也搜了很多教程，按着教程来做，也总会出现这样那样的问题（坑啊，由于网上那些教程都是Vue.js 1.x版本的，现在用Vue.js 的构建工具都已经升级到2.0版本了），经过了一段时间的摸索和看官方的教程和api，才了解到2.0版本在1.0版本的基础上做了好多调整，废弃了好多api。。。废话不多说了，把我踩过的坑，在
Vue初始化创建项目
Cao_Mary的博客
02-16 503
Vue初始化创建项目1.创建项目：2.打开项目：3.删除项目中的默认添加文件4.添加自己的东西4.1.初始化HTML中的代码：4.2.使用视口缩放+rem的方式适配移动端。4.3.运行查看效果：npm run serve4.4.借助postcss-pxtorem实现自动将px转换为rem。4.5.借助webpack实现CSS3/ES678语法的兼容4.6.借助fastclick，解决移动端点击事件100-300ms延迟的问题4.7.初始化默认的全局样式：5.创建后目录结构 1.创建项目： 安装脚手架工具
arco design vue项目初始化失败
07-12
如果在使用 arco design 初始化 Vue 项目时遇到了问题，可以尝试以下解决方案： 1. 确保 Node.js 和 npm 已经正确安装，并且版本符合要求。你可以使用 `node -v` 和 `npm -v` 命令来检查它们的版本。 2. 确保已...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值