美文网首页
Vue hello world

Vue hello world

作者: weylau | 来源:发表于2019-08-10 22:55 被阅读0次

    安装node

    #下载node包
    #国内镜像下载地址:https://npm.taobao.org
    wget https://npm.taobao.org/mirrors/node/latest-v10.x/node-v10.0.0-linux-x64.tar.gz
    #解压
    tar -zxvf node-v10.0.0-linux-x64.tar.gz
    mv node-v10.0.0-linux-x64 /usr/local/node
    #把/usr/local/node/bin 添加环境变量
    vim /etc/profile
    source /etc/profile
    node -v
    #安装cnmp
    npm install -g cnpm --registry=https://registry.npm.taobao.org
    

    安装vue

    #安装
    cnpm install vue
    #安装vue-cli
    cnpm install --global vue-cli
    #构建于webpack模板的一个新项目
    #注意:由于被墙eslint、tests、e2e选择no,其他选择yes
    vue init webpack myvue0
    #安装依赖
    cnpm install
    

    hello world

    • 修改config/index.js文件host为0.0.0.0


      image.png
    • 修改src/components/HelloWorld.vue


      image.png

    启动

    cnpm run dev
    
    image.png

    相关文章

      网友评论

          本文标题:Vue hello world

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