• npm安装Vue 及 配置



    npm安装Vue

     

    一,npm安装vue

    1,安装Node.JS

    2.npm 安装vue cli

    3,初始化项目/配置项目

    4. 通过npm安装项目

    5,测试和生成

    二,vue-devtools工具介绍(vue.js调试神器)

    vue项目结构讲解(引用自vue.js项目开发实战(张帆著))

    ,在vue中引入bootstrap和jquery

    1,npm 引入jquery

    2,npm 引入bootstrap

    五,npm安装TypeScript

     

    一,npm安装vue

    1,安装Node.JS

    可以这样子理解,npm是集成在node.js中的,安装node.js,就相当于安装了npm工具。下载安装即可。

    对于npm,完全有javascript写成。我们知道它是一个非常有用的javascript包管理工具,通过npm可以非常迅速的进行vue的安装,使用和升级。而且对于一个项目,如果存在package.json文件,那么用户就可以直接使用npm install 命令直接安装和维护当前项目所需的所有模块。

    下载地址:https://nodejs.org/en/download/

    ---------------------

    作者:一头小驴

    来源:CSDN

    原文:https://blog.csdn.net/qq_37326058/article/details/85488293

    版权声明:本文为博主原创文章,转载请附上博文链接!

    因为npm是国外的,我们在国内访问会很慢,所以我们需要安装淘宝境像来提升我们的反应速度:npm install -g cnpm --registry=https://registry.npm.taobao.org

    借鉴自引用文章,我们可以输入如下命令进行一些配置去修改global和缓存文件位置,先在D: odejs下创建了node_globalnode_cache文件夹,然后执行以下命令:(在C:UsersAdministrator.npmrc 文件中打开也可以看到这些配置信息。)

    npm config set prefix "D: odejs ode_global"

    npm config set cache "D: odejs ode_cache"//缓存

    npm config set registry=http://registry.npm.taobao.org //配置镜像站

    因为npm是国外的,我们在国内访问会很慢,所以我们需要安装淘宝境像来提升我们的反应速度:npm install -g cnpm --registry=https://registry.npm.taobao.org

    借鉴自引用文章,我们可以输入如下命令进行一些配置去修改global和缓存文件位置,先在D: odejs下创建了node_globalnode_cache文件夹,然后执行以下命令:(在C:UsersAdministrator.npmrc 文件中打开也可以看到这些配置信息。)

    npm config set prefix "D: odejs ode_global"

    npm config set cache "D: odejs ode_cache"//缓存

    npm config set registry=http://registry.npm.taobao.org //配置镜像站

    Vue -v

    Nodejs 文件夹属性 取消只读

    cnpm install   vue

    cnpm install -g vue-cli

    ///***********首次打开

    D:javaWorkproject_view>cnpm rebuild node-sass

    D:javaWorkproject_view>cnpm install

    D:javaWorkproject_view>cnpm run serve

     

     

    复制老的项目作为一个新项目时 ,删除node_modules文件夹  ,重新cnpm  install ,cnpm  run  serve

     

     

  • 相关阅读:
    Java并发编程(1)-Java内存模型
    Java源码解读(一) 8种基本类型对应的封装类型
    怎样修改织梦网站的favicon图标
    友情链接:图片链接或文字链接
    FCKeditor 添加行距、字体功能 (转载)
    如何解决织梦DedeCMS后台模块管理列表不显示
    制作兼容各种版本浏览器的新闻图片焦点切换效果
    织梦添加站内搜索
    织梦友情链接正确的调用方法和技巧
    织梦后台添加友情链接的方法(flink标签)
  • 原文地址:https://www.cnblogs.com/hanxiaofei/p/12053206.html
Copyright © 2020-2023  润新知