美文网首页
Vue【1】搭建环境

Vue【1】搭建环境

作者: 王焱工作室 | 来源:发表于2019-08-18 10:37 被阅读0次

    基础环境搭建:

    • 浏览器:Chrome
    • IDE:VS Code
    • node.js 8.9+,npm

    简单引用:

    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
    

    或者

    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script> 
    

    开发环境搭建:

    1. 打开命令行输入,根据网络环境,可能需要安装较长时间

    npm install -g @vue/cli 
    

    2. 到要新建的工程路径下,创建工程"hello-world"

    vue create hello-world
    

    选择要安装的环境

    Vue CLI v3.10.0
    ? Please pick a preset: 
    > default (babel, eslint)    //默认
      Manually select features    //自定义
    

    3. 使用“cd”命令,转到新建工程路径下

    cd hello-world
    

    4. 运行服务

    npm run serve
    

    5. 根据提醒,用浏览器打开对应地址

      App running at:
      - Local:   http://localhost:17077/
      - Network: http://192.168.1.13:17077/
    

    相关文章

      网友评论

          本文标题:Vue【1】搭建环境

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