首页 > 其他 > 详细

vue-cli3 创建项目

时间:2020-08-29 21:17:43      阅读:68      评论:0      收藏:0      [点我收藏+]

1 安装node.js(官网)

2 npm install -g @vue/cli

3 vue create pro-name

4选择配置(按 空格 选中)

    1. Manually select features (自定义配置)
    2.  Babel (必选)
    3. TypeScript(项目中使用ts开发的话,就勾选)
    4. Progressive Web App (PWA) Support (接口缓存,优化项目)
    5. Router
    6. Vuex
    7. CSS Pre-processors (css预处理器,需要)
    8. Linter / Formatter (代码格式,一般默认选中)
    9. Unit Testing (代码测试)
    10. E2E Testing(需求界面测试)

5  history router,其实直白来说就是是否路径带 # 号,建议选择 N

6  css 的预处理器我选择的是 Sass/SCSS(with dart-sass) 。node-sass是自动编译实时的,dart-sass需要保存后才会生效

7选择 ESLint 代码校验规则,提供一个插件化的javascript代码检测工具,ESLint + Prettier 使用较多

8 选择什么时候进行代码校验,Lint on save 保存就检查

       9In dedicated config files 存放到独立文件中,In package.json 存放到 package.json 中,本着项目结构简单的想法,我选择了第二个

      10 是否保存本次的配置了,N 不记录,如果选择 Y 需要输入保存名字

      11   npm run serve (运行)

      12 npm run build(打包)

vue-cli3 创建项目

原文:https://www.cnblogs.com/fanjiawen/p/13583344.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!