美文网首页我爱编程
vscode搭建vue开发环境

vscode搭建vue开发环境

作者: hua6766 | 来源:发表于2019-07-18 21:26 被阅读13次

    官网下载安装nodejs, 它自带npm
    系统变量Path中会自动加入C:/Program Files/nodejs/

    //
    # 查看版本号
    node -v 
    
    # 查看版本号
    npm -v 
    
    # 安装淘宝镜像 cnpm
    npm install -g cnpm --registry=https://registry.npm.taobao.org
    
    # 查看版本号确认安装成功
    cnpm -v
    
    

    官网下载安装,打开VSCode
    菜单 open folder, 打开项目
    demo地址 https://github.com/hua7381/demo-frontend
    菜单 terminal -> new terminal

    //
    # 查看版本号确认安装成功
    cnpm -v
    
    # 安装依赖, 依赖在package.json中编写
    cnpm install
    
    # 运行调试
    cnpm run dev
    # 首次运行应该会报错, 需全局安装如下程序
    cnpm install webpack-dev-server -g
    cnpm install webpack -g
    cnpm install webpack-cli -g
    
    # 打包
    cnpm run build
    
    

    相关文章

      网友评论

        本文标题:vscode搭建vue开发环境

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