zoukankan      html  css  js  c++  java
  • npm 安装vue-cli

    TIP:win10下安装,使用管理员身份进行,否则会有权限限制。

    1,安装完成node,node有自带的npm,可以直接在cmd中,找到nodeJs安装的路径下,进行命令行全局安装vue-cli。(npm install --global vue-cli)

    ----想安装速度快点,可以使用淘宝镜像如下

    ----通过config命令    npm config set registry https://registry.npm.taobao.org    

                 npm info underscore(如果上面配置正确这个命令会有字符串response

    2,安装后,检查是否安装成功(显示版本则安装成功)。(vue -V)

    3,使用vue建一个项目名叫“my-project”。(vue init webpack my-project)

    ----注:vue-cli 的模板包括 webpack 和 webpack-simple,前者是比较复杂专业的项目,他的配置并不全放在根目录下的 webpack.config.js 中。

    ----webpack-simple 相对简单的,它根目录下才有个 webpack.config.js。

    4,注意:项目建立过程中,有如下选择,选择NO。(该选项为使用ESLint规范你的代码,一个空格错误都将报错,不开启,可以避免不必要的麻烦)

    ----ESLint规范建议开启,加强代码规范

    5,建立项目后,安装项目依赖npm install

    6,安装成功,项目目录下多出一个node_modules文件夹

    7,进入项目目录文件夹(my-project)中,就可以使用vue进行开发啦

    8,使用npm run dev,便可以打开本地服务器实时查看效果(localhost:8080)

    9,初始效果

    10,退出监听,可以直接Ctrl+C,选择Y。

  • 相关阅读:
    Access使用记录
    html js 表单提交前检测数据
    asp.net mvc5 action多个参数
    asp.net mvc Areas 母版页动态获取数据进行渲染
    asp.net mvc 自定义全局过滤器 验证用户是否登录
    .net 报错汇总——持续更新
    数据库基础
    Python协程
    Python 线程
    Python 队列
  • 原文地址:https://www.cnblogs.com/jkr666666/p/7326575.html
Copyright © 2011-2022 走看看