zoukankan      html  css  js  c++  java
  • 使用控制台搭建vue-cli脚手架

    注意:

    1、安装前您需要查看自己是否有node环境  检查:node - v

    2、如果没有的话,需要先搭建好才能进行下一步操作

    (参考:https://www.cnblogs.com/sylys/p/11703067.html

    Vue-cli安装步骤:

    1、控制台进入项目根目录文件夹

    2、npm i -g vue-cli  (使用npm全局安装vue-cli) 

    3、执行 vue list 可以看到很多实用的模板,这里实用的是 webpack

    4、vue init webpack (初始化模板)

    5、? Generate project in current directory? (Y/n)  (是否在当前目录生成项目 是的话回车键) 

    6、项目名称不能出现大写字母!

       1)?Project name (vuePro)   (是否使用vuePro作为项目名------》抱歉,名称不能再包含大写字母。)

       2)? Project name vuepro (回车)

    7、?Project description (A Vue.js project)    可以写一些对这个项目的描述 ------- ? Project description A Vue.js project

    8、?Vue build (Use arrow keys)  是否生成vue (回车)------ Vue build standalone

    9、?Install vue-router? (Y/n)     是否安装路由 (根据需要 这里使用y) ----- Install vue-router? Yes

    10、?Use ESLint to lint your code? (Y/n) (是否使用ESLint 作为代码检测工具) 这里是代码风格检查器.为确保风格,最好选择yes,后面出现使用哪种选项,选择第一个风格即可.【ESLint 是一个ECMAScript/JavaScript 语法规则和代码风格的检查工具,它的目标是保证代码的一致性和避免错误。 【ESlint 中文官方网站】:http://eslint.cn/   】

    11、 ?Pick an ESLint preset (Use arrow keys)   使用箭头键 选择 Eslint 预设  ----- Pick an ESLint preset Standard

    12、? Set up unit tests (Y/n)  (是否设置单元测试)

    13、? Pick a test runner  ---- Pick a test runner karma

    14、? Setup e2e tests with Nightwatch? No

    15、?Should we run `npm install` for you after the project has been created? (recommended) npm

        #  Installing project dependencies ...

      > phantomjs-prebuilt@2.1.16 install F:ProgramFilesvuevuePro ode_modulesphantomjs-prebuilt
      > node install.js

         。。。。

    (因为需要下载很多的依赖,所以很慢,需要等待....)

    16、nmp run dev 启动本地服务,打开网址:http://localhost:8080/

  • 相关阅读:
    各位AS3各种验证在这里,邮箱 身份证 ...
    各位同学还在为AS3在IE透明模式下弹出新窗口而烦恼吗?
    Flash As3 通过二进制[ByteArray]判断真实的文件类型
    【A8笔记1】Alternativa 8.5.0 在Flash、Fb、Fd中的配置
    超酷光带效果
    flash 墙
    A3D CoverFlow图片展示效果
    Windows8Metro模式IE10放弃Flash的支持
    html5 控件整理
    AS3中JSON的基本应用实例
  • 原文地址:https://www.cnblogs.com/sylys/p/11703776.html
Copyright © 2011-2022 走看看