vue入门

作者: 小石头糖糖 | 来源:发表于2018-01-31 19:29 被阅读0次

    1、淘宝镜像 npm install -g cnpm --registry='https://registry.npm.taobao.org'
    cnpm -v 检查是否安装成功;
    2、安装Webpack:npm install webpack -g;
    3、安装脚手架:npm install vue-cli -g;
    4、创建项目:基于webpack模板:vue init webpack ‘项目名称’;

    vscode必备插件:
    1、vetur
    2、vue-vscode-snippets
    3、debugger for chrome (F5开始调试):
    s1: 默认配置找不到,需修改launch.json;
    (webRoot改为"${workspaceFolder}/wwwroot")
    s2: 运行http-server启动;(安装通过npm i http-server -g)
    s3: F5开始调试, 或浏览器中打开localhost:8080;
    (与launch.json中url一致)

    vue-cli安装:
    S1: npm install vue
    S2: npm install -g @vue/cli-service-global
    S3: 可以通过vue serve xx.vue启动服务并运行
    S4: 创建项目:vue create my-project

    相关文章

      网友评论

          本文标题:vue入门

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