Vue脚手架创建项目流程

今天药忘吃喽~ 2022-12-15 02:28 195阅读 0赞

## Vue脚手架创建项目流程 ##

#### 图形化创建 ####

在创建文件的文件夹打开cmd，

> 按住shift右键打开黑窗口，或者直接在文件夹上面路径上面输入cmd

输入`vue ui`  
会自己在浏览器打开

*  点击创建项目

项目文件夹名 `ele_spa`  
包管理器 `yarn`或者`npm`(本人习惯`yarn`)  
初始化git仓库新手建议关闭

*  下一步模板，手动  
    choose vue version 打开  
    babel 选中  
    typescript 关闭  
    pwa 关闭  
    router 打开  
    vuex 打开  
    css 打开  
    linter 建议关闭  
    unit 建议关闭  
    choose a… 选择2版本  
    router mode 关闭（本人使用的是哈希模式路由）  
    pick css node-scss

> 启动命令 命令在package.js里面  
> 开发 `npm run serve`  
> 生产 `npm run build`

#### 命令行创建 ####

*  vue2.0创建项目命令行`vue init webpack my-app` ,vue2引入scss-loader时试用7以下版本  
    vue3.0命令`vue create ele_spa` //后面是文件名  
    选择预设选择最后一个 自己选 select
 *  空格选择 a全选 i反选
 *  > 下面是需要选中的
 *  choose vue
 *  babel
 *  router
 *  vuex
 *  css
 *  空格  
    选择版本
 *  空格  
    n
 *  空格  
    node-css
 *  空格  
    config
 *  空格  
    n

生成的文件夹

*  public 公共文件夹
 *  src 开发代码
 *  brow 兼容性
 *  package 文件信息 serve 开发 build生产

vscod 安装vetur插件

– 项目入口main.js  
分别导入了vue app router store  
Vue.config.productionTip=false 开发模式true为生产模式

发表评论取消回复

表情：

评论列表（有 0 条评论，195人围观）

还没有评论，来说两句吧...

相关阅读

相关使用vue-cli脚手架创建项目

1.首先肯定要安装node和npm（国内可以使用cnpm镜像\[China npm\]）。 http://nodejs.cn/ ![选择.msi结尾的安装包进行下...

水深无声/ 2024年04月18日 04:04/ 0 赞/ 78 阅读

相关 Vue CLI脚手架创建Vue3项目

1、打开命令窗口切换到项目保存目录 ![在这里插入图片描述][946b8640907049e2b5f376325d23b9ac.png] 2、选择Vue 3创建 !

痛定思痛。/ 2024年04月06日 10:39/ 0 赞/ 97 阅读

相关 Vue 创建脚手架项目

查看当前源地址： npm config get registry 切换至淘宝源： npm config set registry=http://registry.npm

绝地灬酷狼/ 2024年03月24日 09:33/ 0 赞/ 107 阅读

相关 Vue---通过vue-cli(vue脚手架)初始化创建Vue项目

注：本机需要先安装node.js，才能使用vue-cl脚手架创建vue(Vue版本：2)项目。 1.安装vue-cli(现在最新版本：@vue/cli 4.3.1)

傷城~/ 2023年02月10日 11:29/ 0 赞/ 242 阅读

相关使用vue-cli脚手架创建vue3.0项目

1, 第一步： vue create todolist // (todolist 是要创建的项目名字)----- 输入后回车 ![20210127092959268.p

ゞ浴缸里的玫瑰/ 2023年01月11日 15:25/ 0 赞/ 260 阅读

相关 Vue3搭建脚手架cli项目流程

无webpack版： 1. 下载源：npm install cnpm -g --registry=https://registry.npm.taobao.org 2. 全

心已赠人/ 2023年01月02日 12:24/ 0 赞/ 168 阅读

相关使用脚手架vue/cli创建vue项目

使用脚手架vue/cli创建vue项目注：使用git bush here不好进行选择操作 1、未安装脚手架，需要安装 npm instal

深藏阁楼爱情的钟/ 2022年12月27日 09:25/ 0 赞/ 233 阅读

相关 Vue脚手架创建项目流程

Vue脚手架创建项目流程图形化创建在创建文件的文件夹打开cmd， > 按住shift右键打开黑窗口，或者直接在文件夹上面路径上面输入cmd 输入`vue u

今天药忘吃喽~/ 2022年12月15日 02:28/ 0 赞/ 196 阅读

相关创建vue 脚手架

1.下载node.js 外网环境会比较卡，可在node.js中文网下载 http://nodejs.cn/download/current/ ![在这里插入图片描述

小灰灰/ 2022年09月10日 14:24/ 0 赞/ 254 阅读

相关通过vue-cli脚手架创建vue项目

1.确保已经安装完成所需环境 2.进入cmd窗口输入vue ui命令打开可视化界面 3.点击创建按钮进入目录选择 4.选择好目录点击在此创建新项目 5.设置项目

绝地灬酷狼/ 2021年08月27日 12:15/ 0 赞/ 460 阅读