vue 3.0 vue-cli安装-前端-阿习进阶博客
Java
MySQL
大数据
Python
前端
黑科技
    首页 >> 互联网 >> 前端

vue 3.0 vue-cli安装

[导读]:初次安装 vue-cli 3.0 步骤:1、全局安装vue-cli 3.0 脚手架npminstall-g@vue/cli2、创建项目文件夹(文件夹名必须写)vuecreatexxxxxx就是你的项目名字3、 按键盘方向键 向下键 选择: 自定义配置,回车4、选择用哪些配置,按上下键 选择哪一个,按空格键确定,所有的都选...

懒得安装 代码在git 有https://github.com/Axidada/vue3.git  可直接赋值clone

初次安装 vue-cli 3.0 步骤:

1、全局安装vue-cli 3.0 脚手架

npm install -g @vue/cli

2、创建项目文件夹(文件夹名必须写)

vue create xxx   xxx就是你的项目名字

3、 按键盘方向键 向下键 选择: 自定义配置,回车

4、选择用哪些配置,按上下键 选择哪一个,按空格键确定,所有的都选择好后,按enter键进行下一步,这里我选择的:Babel、TypeScript、Router、Vuex、CSS Pre-processors

5、都按 y 吧

6、选择一种css预处理语言

7、上面这个是问你选择哪个自动化代码格式化检测,配合vscode编辑器的 Prettier - Code formatter插件,我选最后一个

8、是否保存配置,我选择保存

9、上边这俩意思问你像,babel,postcss,eslint这些配置文件放哪?

第一个是:放独立文件放置

第二个是:放package.json里 这里推荐放单独配置文件,

选第一个

10、上边倒数第二行问你是否将以上这些将此保存为未来项目的预配置吗?

最后一个是项目描述,你随意写,回车确定就开始下载模板了 

11、下载完成后,目录结构如下:

image.png


本文来自阿习进阶博客,如若转载,请注明出处:http://yanxias.com

留言区

联系人:
手   机:
内   容:
验证码:

历史留言

联系人:阿习

手机号:156****7890

留言内容:欢迎大家一起讨论文章,有喜欢发帖的可以私聊我给你开权限,发文章

留言时间:2022-05-09 17:46:15

回复内容:互联网阿习

回复时间:2022-05-09 17:46:15

用户IP:220.***.***.232

用户操作系统:Windows 10

欢迎加Easy的QQ