美文网首页
vue-cli创建vue项目

vue-cli创建vue项目

作者: A落儿 | 来源:发表于2018-09-27 10:43 被阅读0次
    1. 在电脑上安装node,地址https://nodejs.org/en/download/
      ,按照提示进行按照即可
    //查看node版本
    node -v
    v7.6.0
    
    1. 安装npm,是Node.js的包管理工具(package manager),在安装好node的时候已经安装好了,查看版本如下,安装成功:
    //查看版本
    $ npm -v
    2.3.0
    
    //升级 npm
    npm install npm -g
    
    1. 使用npm安装vue
    最新稳定版
    $ npm install vue
    
    1. 下面开始正式搭建spa(single-page application)
    # 全局安装 vue-cli
    $ npm install --global vue-cli
    # 创建一个基于 webpack 模板的新项目
    $ vue init webpack myapp
    # 这里需要进行一些配置,默认回车即可
    # 全局安装 vue-cli
    $ npm install --global vue-cli
    # 创建一个基于 webpack 模板的新项目
    $ vue init webpack my-project
    # 这里需要进行一些配置,默认回车即可
    This will install Vue 2.x version of the template.
    
    For Vue 1.x use: vue init webpack#1.0 my-project
    
    ? Project name my-project
    ? Project description A Vue.js project
    ? Author runoob <test@runoob.com>
    ? Vue build standalone
    ? Use ESLint to lint your code? Yes
    ? Pick an ESLint preset Standard
    ? Setup unit tests with Karma + Mocha? Yes
    ? Setup e2e tests with Nightwatch? Yes
    
       vue-cli · Generated "my-project".
    
       To get started:
       
         cd my-project
         npm install
         npm run dev
       
       Documentation can be found at https://vuejs-templates.github.io/webpack
    
    1. 进入项目,安装并运行
    $ cd my-project
    $ npm install
    $ npm run dev
     DONE  Compiled successfully in 4388ms
    
    > Listening at http://localhost:8080
    

    6.babel-runtime安装指令

    npm i babel-runtime -S
    
    1. babel-polyfill安装指令
    npm install --save-dev babel-polyfill
    
    1. fastclick 安装指令
    npm install fastclick -D
    

    相关文章

      网友评论

          本文标题:vue-cli创建vue项目

          本文链接:https://www.haomeiwen.com/subject/gfzsoftx.html