npm install -g cnpm --registry=https://registry.npm.taobao.org
//安装成功后 使用 cnpm i xxx 代替 npm install xxx
vue create 项目名
vue create code //其中code为你的项目目录名称 (enter键确认,并进入下一步)
Default (Vue 3) ([Vue 3] babel, eslint)(默认配置 提供babel或者eslint支持)
Manually select features(手动选择项目特性)
我们可以通过上下键,空格来选择我们需要的,一般我们都会选择手动配置
四、选择manually select (enter键确认,并进入下一步)
对于每一项的功能,王同学做一个简单的描述:
-
Babel 主要是对es6语法转换成兼容的js (选上)
-
TypeScript 支持使用TypeScript语法来编写代码
-
Progressive Web App (PWA) Support [把网页做的更像原生app]
-
Router 支持vue路由配置插件(一般都会选择)
-
Vuex 支持vue程序状态管理模式 (一般都会选择)
-
CSS Pre-processors 支持css预处理器 (一般都会选择)
-
Linter / Formatter 支持代码风格检查和格式化 (选上)
-
Unit Testing 单元测试
-
E2E Testing E2E测试
这里的意思是问你本次项目是否采用history模式,如果选择Y,需要后台配置具体看vueRouter官网解释,这里我门选择 n
这里的意思是问你选择哪一种CSS预处理语言,我的项目中一般使用的是SCSS我选择第一个
这里的意思是选择一种格式化代码方式:我一般选择 ESLint + Prettier
这里的意思是问你什么时候进行代码规则检测,我一般会选择保存就检测,也就是Lint on Save
这里的意思是将Babel,PostCSS,ESLint这些配置文件放哪,通常我们会选择放到独立位置,让package.json文件干净点,所以选择第一个
这里是问你是否记录这次配置选择,选择之后会让你为这次配置起一个名字,这样下次可以直接快速配置选择,最后回车后就会初始化项目了,完成后如下图:
根据指令提示 我们先执行cd code,然后执行npm run serve
更多面试题
**《350页前端校招面试题精编解析大全》**内容大纲主要包括 HTML,CSS,前端基础,前端核心,前端进阶,移动端开发,计算机基础,算法与数据结构,项目,职业发展等等
iBA546L5ZCM5a2m6KaB5Yqq5Yqb,size_20,color_FFFFFF,t_70,g_se,x_16)
更多面试题
**《350页前端校招面试题精编解析大全》**内容大纲主要包括 HTML,CSS,前端基础,前端核心,前端进阶,移动端开发,计算机基础,算法与数据结构,项目,职业发展等等
[外链图片转存中…(img-5rDkT3Tm-1719240183857)]