zoukankan      html  css  js  c++  java
  • Vue2的安装过程

      进入Vue官网文档:https://cn.vuejs.org/v2/guide/installation.html  

      安装node.js

      

    nodejs+cnpm+webstorm配置

    windows配置一路流程:

    nodejs

    下载后一直下一步安装结束。
    为防止c盘不够用,将npm目录迁移至其他盘。
    安装完成之后打开cmd,输入node -v检查是否安装成功。

    修改路径

    打开cmd,输入 npm config ls
    查看当前配置。
    留意看 cache=" " 和 prefix=" "

    然后在自己开发目录下,新建2个文件夹"node_cache"和"node_global"。我的目录放在E盘下。

    E: odejs ode_cache
    E: odejs ode_global

    在cmd中输入
    npm config set cache "E: odejs ode_cache"
    npm config set prefix "E: odejs ode_global"

    再次输入npm config ls查看修改后的路径(cache和prefix的路径会发生变化)。

    修改环境变量

    新增环境变量 NODE_HOME,值为你修改后的路径,我的是
    E: odejs

    修改Path,追加 %NODE_HOME%;%NODE_HOME% ode_cache;%NODE_HOME% ode_global;

    测试一下

    重新打开一个cmd命令行,安装一个插件试试

    执行

    npm install webpack -g
    // -g是安装到全局目录下

    安装完毕后打开设置的安装路径看下是否成功。(在E: odejs ode_global目录下有webpack命名的文件。)

    cnpm

    在cmd中执行
    npm install -g cnpm --registry=https://registry.npm.taobao.org

    安装失败时请执行:

    npm set registry https://registry.npm.taobao.org # 注册模块镜像
    npm set disturl https://npm.taobao.org/dist # node-gyp 编译依赖的 node 源码镜像
    npm cache clean --force # 清空缓存

    npm install -g cnpm --registry=https://registry.npm.taobao.org
    执行完毕后在cmd中输入 cnpm -v 查看是否安装成功。
    详细见淘宝npm -> npm.taobao.org/

    webstorm

    安装成功后,调出 Terminal窗口,依次输入 cpm -v 回车,cnpm -v回车,查看是否都能使用。
    后者如果检测有问题,可按下面方式修改:

    • 点击File->setting ,输入node自动搜索。
    • 找到nodejs 后,配置右边的Node interpreter位置为你的node.js的安装目录。
    • 然后点击此行右边的...图标(3个点图标),修改 Npm package 目录为之前修改后的node_modeles目录。
    • 根据我在前面的修改,我在此处应填入的路径为E: odejs ode_global ode_modules

    保存后重启webstrom,再次输入 cpm -v 回车,cnpm -v回车检测。

     
     

      安装Vue脚手架工具:cnpm install --global vue-ali

      创建项目:vue init webpack vue-demo1      

      打开项目:cd vue-demo1

      安装依赖:cnpm install

      运行项目:npm run dev

  • 相关阅读:
    一条短信控制你的手机! Android平台的SQL注入漏洞浅析
    技术分享 Android动态调试程序
    [Java] java byte数组与int,long,short,byte转换
    技术分享:. 外部动态加载DEX文件风险浅谈
    TestLink的使用
    selenium_页面设计模式PageFactory与动态Xpath
    selenium_maven高级实战
    selenium_Jenkins高级实战篇
    将本地Git仓库中的内容上传至GitHub
    将本地下载的jar导入到本地的私有仓库中
  • 原文地址:https://www.cnblogs.com/songbo236589/p/9159110.html
Copyright © 2011-2022 走看看