vue-cli 初始化vue工程

使用 Vue CLI 初始化工程


VueCLI 创建或者升级

npm install --global @vue/cli

创建工程

  1. 创建命令

    	vue create vuetemplate
    
  2. 上、下键选择 Manually select features
    vue-cli 初始化vue工程_第1张图片

  3. <空格> 键选择工程特性
    vue-cli 初始化vue工程_第2张图片

  4. 选择vue版本
    vue-cli 初始化vue工程_第3张图片

  5. 是否使用 history 路由模式,这里输入 n 不使用 vue-cli 初始化vue工程_第4张图片

  6. 选择 CSS 预处理器
    vue-cli 初始化vue工程_第5张图片

  7. 选择校验工具
    vue-cli 初始化vue工程_第6张图片

  8. 选择在什么时机下触发代码格式校验
    vue-cli 初始化vue工程_第7张图片

  9. 配置文件单独保存成文件
    vue-cli 初始化vue工程_第8张图片

  10. 是否保存以上配置,根据自己情况而定
    vue-cli 初始化vue工程_第9张图片

  11. 工程创建
    vue-cli 初始化vue工程_第10张图片

  12. 验证

    cd vuetemplate
    npm run serve
    

    工程创建成功vue-cli 初始化vue工程_第11张图片

你可能感兴趣的:(vue,vue.js,css,node.js)